javascript - 将文本存储为变量，然后根据变量值更改 css 样式

Question

我有一些简单的 HTML：

<div>Below is the div id containing the attorney value. </div>
<div id="attorney"> 0 </div>
<div id="profiletab1">THIS IS THE DIV I WANT TO HIDE</div>

在页面加载时，当 div.attorney = '0' 的值时，我想更改div.profiletab1css display style="none"。

我不确定我错过了什么。

<script type="text/javascript">
 function myfunc(){
   var atty= document.getElementById("attorney").value;
   if (atty=== '0'){
     document.getElementById("profiletab1").style.display = "none";
   }
 }
 window.onload = myfunc;
 </script>

标签： javascripthtmlcssfunction

Answer 1

您需要获取 textContent，而不是值并修剪它，因为那里有空格：

function myfunc() {
    var atty = document.getElementById("attorney").textContent.trim();
    if (atty === '0') {
        document.getElementById("profiletab1").style.display = "none";
    }
}