时间戳

首页 > 解决方案 > 如何在 CSS 中使用 display 属性显示文本

php - 如何在 CSS 中使用 display 属性显示文本

问题描述

我想在 css 中使用 display 属性显示文本

 echo '<script type="text/javascript">document.getElementById("amt1").style.display= "none";</script>';

我想显示短信而不是display ="none"idamt1

标签： phpcss

解决方案

1.你必须.innerHTML像下面这样使用：

echo '<script type="text/javascript">document.getElementById("amt1").innerHTML= "add your message here";</script>';

2.如果消息已经存在并且您只想显示该 div 然后更改none为block

echo '<script type="text/javascript">document.getElementById("amt1").style.display= "block";</script>';

3.如果你想动态添加消息，也想显示div，那么：

echo '<script type="text/javascript">
    document.getElementById("amt1").innerHTML= "add your message here";
    document.getElementById("amt1").style.display= "block";
    </script>';

示例 javascript 代码片段示例以了解其工作原理

document.getElementById("amt1").innerHTML= "This message added in div through javascript .innerHTML method!!!";
document.getElementById("amt1").style.display= "block";
#amt1 {
    border: 1px solid grey;
    font-size: 30px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="amt1" style="display:none;"></div>

推荐阅读