HTML DOM getElementById() 方法
2017-01-22 11:55
281 查看
HTML DOM getElementById() 方法
HTML DOM Document 对象
定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。语法
document.getElementById(id)
说明
HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。
在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。
实例
例子 1
<html> <head> <script type="text/javascript"> function getValue() { var x=[code]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>[/code]
例子 2
getElementById() 是一个重要的方法,在 DOM 程序设计中,它的使用非常常见。我们为您定义了一个工具函数,这样您就可以通过一个较短的名字来使用 getElementById() 方法了:function id(x) { if (typeof x == "string") return [code]document.getElementById(x);
return x;
}
[/code]
上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数,您只要在使用前编写 x = id(x) 就可以了。
TIY
使用 getElementById()HTML DOM Document 对象
相关文章推荐
- HTML: DOM getElementsByName() 方法与getElementById()
- HTML中document.getElementById()方法的操作
- DOM的getElementById()、getElementsByName()、getElementsByTagName()方法
- 四个常用DOM方法(getElementById、getElementByTagName、getAttribute、setAttribute)
- dom解析xml中的getElementById方法的使用
- jquery中的$("#id")与document.getElementById("id")的区别 及html()方法
- 玩转DOM遍历——用NodeIterator实现getElementById,getElementsByTagName方法
- DOM方法(getElementById, getElementsByTagName, getAttribute, setAttribute)
- DOM及getElementById等常用的4个方法
- Html之getElementById()方法&getElementsByTagName()方法示例
- getElementById 方法
- Java调用Document.getElementById方法返回null的解决办法
- javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法 原创
- getElementById、getElementByName、getElementsByName用法(DOM)
- document.getElementById为空或不是对象的解决方法
- 获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- 获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- 获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- Flex类似js里面getElementById的方法
- document.getElementById()方法简写【js技巧】