TypeError:无法读取null的属性“style”

时间:2013-07-02 17:59:26

标签: javascript html

这已被多次询问,我发现了许多其他问题。这些都没有帮助我。我在代码中找不到问题而且它会让我疯狂。

大多数答案都说我的名字上有拼写错误。但是,我已经多次更改了id名称并将其粘贴无济于事。

<div id="room_footer" class="d-block m-za std-border">
<span class="pl10 cur-p" onClick="embedToggle()">
    Click here
</span>
<br/>
<div id"123222" class="w275p h120p ml10 d-inline c-l cur-p">
    <textarea class="w250p h100p"></textarea>
    <p></p>
</div>
 <span class="f-right pr10"><a href="">Click Here</a></span>
</div>

的Javascript。我用直接的JS和jQuery都试过这个。两者都不起作用。

<script type="text/javascript">
function embedToggle() {
    var id = "123222";
    var obj = document.getElementById(id).style.display;
    alert(obj);

    if(obj == "none") {
        obj = "inline-block";
    } else {
        obj = "none";
    }
}
</script>

有些东西搞砸了,我找不到它。我现在已经做了大约2个小时了。这么简单的愚蠢错误太久了。请帮我。

2 个答案:

答案 0 :(得分:3)

行应该是:

<div id="id123222" class="w275p h120p ml10 d-inline c-l cur-p">

你应该在开头添加一个字母,使其有效。

http://reference.sitepoint.com/html/core-attributes/id

更新:

对于来自@Ian的评论,该ID对HTML5有效。

http://mathiasbynens.be/notes/html5-id-class

答案 1 :(得分:1)

<div id"123222"

应该是

<div id="something-123222"

检查有关ID不是数字的评论