HTML DOM getElementById() 方法
来源:互联网 发布:个人征信数据服务协议 编辑:程序博客网 时间:2024/06/05 03:18
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=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>
例子 2
getElementById() 是一个重要的方法,在 DOM 程序设计中,它的使用非常常见。我们为您定义了一个工具函数,这样您就可以通过一个较短的名字来使用 getElementById() 方法了:
function id(x) { if (typeof x == "string") return document.getElementById(x)
; return x; }
上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数,您只要在使用前编写 x = id(x) 就可以了。
TIY
- 使用 getElementById()
HTML DOM Document 对象
1 0
- HTML DOM getElementById() 方法
- HTML: DOM getElementsByName() 方法与getElementById()
- DOM的getElementById()、getElementsByName()、getElementsByTagName()方法
- html dom中要查找希望操作的元素使用的方法:getElementById()和getElementsByTagName()的区别
- HTML中document.getElementById()方法的操作
- 常用DOM\HTML-DOM方法
- DOM及getElementById等常用的4个方法
- dom解析xml中的getElementById方法的使用
- 四个常用DOM方法(getElementById、getElementByTagName、getAttribute、setAttribute)
- HTML DOM deleteRow() 方法
- HTML DOM deleteRow() 方法
- HTML DOM setTimeout() 方法
- HTML DOM getElementsByTagName() 方法
- HTML DOM open() 方法
- HTML DOM Document 方法
- HTML DOM confirm() 方法
- HTML DOM setInterval() 方法
- HTML DOM getElementsByTagName() 方法
- MySQL批量/循环插入遇上唯一索引避免方法
- mysql 存储过程 变量作为查询条件
- Android aidl 详解
- Android中View点击事件传递(一)
- fatal: Paths with -a does not make sense.
- HTML DOM getElementById() 方法
- 6 css加载不了图片 图片被springMVC拦截了
- 【TaoTao】Jedis junit测试 报错 Redis is running in protected mode because protected mode is enabled…
- 端口
- Android开发环境搭建
- Eclipse / MyEclipse 常用快捷键使用总结
- Luogu P1981 表达式求值
- ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第六章:管理产品图片——多对多关系(上篇)
- cin.get()与cin.peek()的使用