通过ID获取元素getElementById

最新推荐文章于 2024-11-25 14:54:54 发布

转载最新推荐文章于 2024-11-25 14:54:54 发布 · 368 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/crazy-IT-Boy/p/4721437.html

文章标签：

#javascript #ViewUI

本文介绍JavaScript中使用getElementById()方法获取页面元素的基本语法及示例，并对比getElementsByName()和getElementsByTagName()等方法。

语法:

 document.getElementById(“id”)

结果:null或[object HTMLParagraphElement].

除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

不过，最有效的方法是 getElementById()。

实例：

<html>
<head>
<script type="text/javascript">
function getValue()
  {
  var x=document.getElementById("myHeader")
  alert(x.innerHTML)
  }
</script>
</head>
<body>

<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>

</body>
</html>