javascript getelementbyid является нулевым

Question

Странно, я бился головой о стену последние 2 дня. Делали что-то подобное раньше, поэтому не знаете, в чем проблема.

Рабочую страницу можно посмотреть здесь: http://psssoftware.net/forms.html

Я пытаюсь скрыть «тестовую коробку» справа, но когда я пытаюсь получить ее по id, там ничего нет. Других элементов с таким именем тега нет, идентификатор правильный. Должно быть что-то, чего мне не хватает, надеюсь, увидит другая пара глаз.

<script language="JavaScript" type="text/javascript">


var x = document.getElementById('col-ab-affUSLF');
var y = document.getElementById('col-c-affUSLF');
x.style.width = 'auto !important';
y.style.display = 'none !important';


</script>

Спасибо, Блейк

Answer 1

Элемент с указанным идентификатором не существует , когда getElementById был вызван .Существует причина, по которой [ряд] фреймворков «ждут готовности DOM» (например, onload), прежде чем выполнять манипуляции с DOM (в том числе пытаться получить элемент с заданным ID).

Answer 2

У вас есть ненужная двойная кавычка в этой строке:

y.style.display = 'none !important"';

Похоже, он сбрасывает твой скрипт-тег.

Answer 3

Глядя в источник, это ваш js:

<script language="JavaScript" type="text/javascript"> 


    var x = document.getElementById('col-ab-affUSLF');
    var y = document.getElementById('col-c-affUSLF');
    x.style.width = 'auto !important';
    y.style.display = 'none !important"';


</script>

Похоже, у вас есть двойная кавычка " в вашем y.style.display = 'none !important"';