javascript getelementbyid为null

Question

这是一个奇怪的人，过去两天我一直在撞墙。之前做过类似的事情，所以不确定问题是什么。

您可以在此处查看工作页面：http://psssoftware.net/forms.html

我试图隐藏右侧的“testbox”但是当我试图通过id获取它时，那里什么都没有。没有其他元素具有相同的标记名称，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 时，具有给定ID的元素不存在。在进行DOM操作（包括尝试获取具有给定ID的元素）之前，[多个]框架“等待DOM就绪”（例如onload）是有原因的。

快乐的编码。

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"';

似乎还有一个额外的双引号“