您当前位置：首页 > web前端 > htmlcss > html DOM document对象getElementById()方法

html DOM document对象getElementById()方法

来源：程序员人生发布时间：2015-01-23 08:55:01 阅读次数：4398次

getElementById() 方法可返回对具有指定 ID 的第1个对象的援用。

语法：

document.getElementById(id)

HTML DOM 定义了多种查找元素的方法，除 getElementById() 以外，还有 getElementsByName() 和 getElementsByTagName()。

不过，如果需要查找文档中的1个特定的元素，最有效的方法是 getElementById()。

在操作文档的1个特定的元素时，最好给该元素1个 id 属性，为它指定1个（在文档中）唯1的名称，然后就能够用该 ID 查找想要的元素。

例子：

<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>

例子：getElementById() 是1个重要的方法，在 DOM 程序设计中，它的使用非常常见。下面定义了1个工具函数，这样就能够通过1个较短的名字来使用 getElementById() 方法了：

function id(x) {
  if (typeof x == "string") return document.getElementById(x);
  return x;
  }

上面这个函数接受元素 ID 作为它们的参数。对每一个这样的参数，只要在使用前编写 x = id(x) 就能够了。

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 sqlserver2000忘记sa密码的解决办法--修改sa密码

下一篇 教你识别什么是一年工作经验by小新

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点