getElementById()

getElementById():方法的用途是寻找一个有着给定id属性值得元素:

element = document.getElementById(ID);

这个方法将返回一个有着给定id属性值得元素节点。如果不存在这样的元素,他返回null。这个方法只能用于document对象。

getElementById()方法返回的元素节点是一个对象,这个对象有着nodeName、nodeType、parentNode、childNode等属性。

下面的例子将把id属相值是fineprint的元素提取出来,并保存到message变量里。message元素节点的父节点也是一个元素,我们把它提取到变量container里:

var message = document.getElementById("fineprint");
var container = message.parentNode;

如果你打算提取的元素有一个id,则用getElementById()方法来检索将是最简单和最快捷方法,找到这个元素后,就可以对它使用setAttribute()、cloneNode()、appendChild()等方法。

在下例中先找出id属性值是fineprint的元素,并把他保存到message变量里,然后把这个元素的title属性刷新为this is important

var message = document.getElementById("fineprint");
message.setAttribute("title","this is imortant");

在同个文档里面,不同元素的id属性值必须各不相同,如果一个以上的元素有相同id,getElementById()方法的行为将不发预料。

时间: 2025-01-03 17:51:49

getElementById()的相关文章

关于 document.getElementById 一个奇怪的现象

html: <html><head><script type="text/javascript" src="1.js"></script></head><body><input type="text" id="num1"/><br/><input type="text" id="num2"

javascript基础getElementById

通过ID获取元素 在网页中我们通过id先找到标签然后进行操作. 语法: document.getElementById("id") 例子: <!DOCTYPE html><html><body> <h1 id="hid">Old Header</h1><!-- 这段必须在<script>前面加载 否则会报elementId is null错误--> <script>  

不绑架输入--document.getElementById(&quot;linkage_&quot;+id_type+&quot;_echo&quot;).value=&quot;&quot;;--联动

1 <script> 2 function w_linkage(id_type) 3 { 4 var selected = $("#linkage_"+id_type+"_triger").find("option:selected").text(); 5 switch (selected) 6 { 7 case 'APA': 8 document.getElementById("linkage_"+id_type

html dom对象getElementById()方法

定义和用法 getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用. 语法 document.getElementById(id) 说明 HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName(). 不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById(). 在操作文档的一个特定的元素时,最好给该元素一个 id

document.getElementById方法在Firefox与IE中的区别。

如下,有一name="txtVersion"的text控件: <div> <input type="text" name="txtVersion" size="15" value="Version" maxlength="25"> </div> 根据上面信息,我们要用JS获得其控件中的值,我们这样写: var strVersion= document.

jquery中的$(&quot;#id&quot;)与document.getElementById(&quot;id&quot;)的区别

以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的,今天做特效的时候才发现并不是这么一回事,通过测试得到: 1.alert($("#div"))得到的是[object Object] 2.alert(document.getElementById("div"))得到的是[object HTMLDivElement] 3.alert($("#

玩转DOM遍历——用NodeIterator实现getElementById,getElementsByTagName方法

先声明一下DOM2中NodeIterator和TreeWalker这两类型真的只是用来玩玩的,因为性能不行遍历起来超级慢,在JS中基本用不到它们,除了<高程>上有两三页对它的讲解外,谷歌的学习资料也是甚少(倒是有挺多国外文章)...由于本着不放过任何知识的态度,结合着自己的理解学习了下这两玩意,你们对这两东西了解了解就好~ DOM2级遍历和范围模块定义了两个用于完成顺序遍历DOM结构的类型:NodeIterator和TreeWalker.这两类型基于给定起点对DOM结构执行深度优先先序遍历,兼

点击按钮后禁止按钮并显示文字[正在处理...], getelementbyid button标签 text 赋值

[转载注明出处:lanmanck.net.csdn.blog] 网上说用jquery,其实getelementbyid就可以搞定了. 另外,鄙视百度搜出来的一大堆垃圾,搜索 getelementbyid button标签 text 赋值 居然出来一堆的input提交按钮,唉,真是无语! 看原问题及答案: http://stackoverflow.com/questions/12679813/how-to-change-button-text-or-link-text-in-javascript

Javascript 常用方法:document.getElementById(&quot; &quot;)

document.getElementById("") 返回对拥有指定id的第一个对象的引用. <tr><th>id</th><th>name</th><th>age</th><th>address</th></tr> <tr><th>1</th><th>zhangsan</th><th id=&quo

getElementById与getElementByName与getElementsByName

1.document.formName可以获取表单对象,但是为什么document.selectName不能获取下拉框对象呢?而用document.all.selectName才行?formName表单是小容器,是有儿女的已婚人,所以可以用点.来逐次指向其中的下一级对象儿女:document.all是IE特有,指整个窗口的文件对象(document),是大容器,儿孙满堂.selectName是独立网页控件,是单身汉,也是document.all的一员,因此document.all.selectN