Сохранить текст как переменную, затем изменить стиль 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.profiletab1 css 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>

Answer 1

Свойство value обычно сохраняется только для input элементов. Как насчет innerText?

var atty= document.getElementById("attorney").value;
//                                           .innerText; 

Этот текст имеет пробелы с каждой стороны, 0, поэтому он не равен 0. Чтобы урезать интервал, вы можете использовать String.prototype.trim() как atty.trim(), который вернет 0.

if (atty=== '0'){
//  atty.trim() === '0'

Является ли ваш "ЭТО МОДЕЛЬ, КОТОРЫЙ Я ХОЧУ СКРЫТЬ", с идентификатором "profiletab1"? Это должно работать хорошо.

Составьте это:

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

Answer 2

Вам нужно использовать innerText вместо значения. Значение для получения текста в атрибуте value = "".

<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>

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

window.onload = myfunc;
</script>

Answer 3

Вам нужно получить textContent, а не значение, и обрезать его, так как там есть пробелы:

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