简单的GetElementById问题

时间:2015-02-19 17:09:57

标签: javascript

我是javascript的新手我有一个非常简单的问题。我只是不知道发生了什么。

我只是想在<div>标记中添加一个类,但它不起作用

这是我的javascript:

var element = document.getElementById("main");
element.classList.add("hidden");

这是我的小提琴:

http://jsfiddle.net/72o6j6r0/

1 个答案:

答案 0 :(得分:3)

您很接近,方法document.getElementById()通过使用元素的id

返回HTML元素

HTML:

<html>
    <body>
        <div id="main">
            This is my main content to be hidden
        </div>
    </body>
</html>

使用Javascript:

var element = document.getElementById("main");
element.classList.add("hidden");

如果您想使用class属性来选择您的元素而不是您可以使用的ID:

document.getElementsByClassName()

然后循环结果

这是一个JSFiddle示例:

http://jsfiddle.net/mko3uf9f/