| 词条 | getElementById |
| 释义 | 简介语法： obj= document . getElementById ( sID ) 参数： sID : 必选项。字符串(String)。 返回值： obj: 对象(object)。 说明根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。 如果无符合条件的对象，则返回 null 。 HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。 作用1：做网页上浮动广告 <html> <head> <title>制作浮动的广告图片</title> <script language="javascript" type="text/javascript"> <!-- var advInitTop=100;//层距离顶端的初始值 function move() { window.document.getElementById("advLayer").style.top=advInitTop+window.document.body.scrollTop; } window.onscroll=move;//窗口的滚动事件,当页面滚动时调用move()函数 //--> </script> </head> <body > <div id="advLayer" style="position:absolute;left:16px;top:129px;width:180px;height:230px; z-index:1;"> <img src="cat.jpg" /> </div> 在这里加文字用来产生滚动条 img src="cat.jpg" 根据实际情况更改 window.onscroll=move;可去掉 然后 把<body >换成<body onstroll="move()"> 注意window.onscroll=move;不能写为window.onscroll=move（）; </body> </html> 2.改变指定元素的值 <html> <head> <title> wangye</title> <script type="text/javascript"> function changelink(){ document.getElementById('myanchor').innerHtml="搜狐"; document.getElementById('myanchor').href="#"; } </script> </head> <body> <a id="myanchor" href="#" >百度</a> <form name="myform"> <input type="button" value="更换连接" onClick="changelink()" /> </form> </body> </html> 实例实例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) 就可以了 |
| 随便看 |
百科全书收录4421916条中文百科知识，基本涵盖了大多数领域的百科知识，是一部内容开放、自由的电子版百科全书。