是否已在JavaScript中定义了带有ID的html元素?

时间:2015-06-06 13:10:00

标签: javascript html

我是编程新手,对于带有id属性的HTML元素有疑问。我的问题是 - 如果HTML元素具有id属性,id属性的值是否可以在JavaScript中定义而无需定义?以下是一个更清晰的例子:

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8" />
      </head>
      <body>
        <input type="checkbox" id="mycheckbox" checked />
        <input type="radio" id="myradio" checked />
        <p id="test">
          p tag too.
        </p>

        <script>
          if(mycheckbox.checked) {
            alert("How does this work?  Are there more pre-defined stuff (varaibles?) like this one?");
          }
          if(myradio.checked) {
            alert("Another example with radio");
          }
          alert(test.innerHTML);
        </script>

      </body>

我已经阅读了一些有关JavaScript的书籍,并且没有人使用这种使用HTML元素的快捷方法(如果是这样)。

提前谢谢。

1 个答案:

答案 0 :(得分:0)

建议改为使用document.getElementById(id)http://www.w3.org/TR/html51/browsers.html#named-access-on-the-window-object

或者$('#id')如果您使用的是jQuery库,我个人会建议您更轻松地使用它。要使用其方法,您只需在标记中包含指向jQuery脚本的链接(例如,来自CDN)

来源:http://api.jquery.com/id-selector/