如何在CSS中使用顯示屬性顯示文本

Question

我想使用CSS中的display屬性顯示文本

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

我想顯示短信而不是在amt1 id中display ="none"

Answer 1

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>