JavaScript获取页面上某个元素的代码

W3C标准推荐的语法是通过document文档对象获取DOM树内的内的某个元素，常见的方法有getElementById（）、getElementsByName（）、getElementsByTagName（），他们的作用分别通过id属性、name属性/标签名称返回单个节点或节点集合。复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript获取页面上某个元素的方法 </title> <script type="text/javascript"> function doGetElementsByTagName(){ var x=document.getElementsByTagName("input"); alert(x.length); } function doGetElementsByName(){ var x=document.getElementsByName("myInput"); alert(x.length); } function getValue(){ var x=document.getElementById("myHeader"); alert(x.innerHTML); } </script> </head> <body> <h1 id="myHeader" onclick="getValue();">这里是头部</h1> <p>点击头部弹出myHeader的内容</p> <input type="text" name="myInput" size="20" /> <br /> <br /> <input type="text" name="myInput" size="20" /> <br /> <br /> <input type="text" name="myInput" size="20" /> <br /> <br /> <input type="button" onclick="doGetElementsByTagName();" value="有多少个input元素？"/> <br /> <input type="button" onclick="doGetElementsByName();" value="有多少个name的值为myInput？"/> </body> </html> 当点击：时，弹出：当点击：时，弹出：当点击：时，弹出：特别是在以下代码中，复制代码代码如下: function getValue(){ var x=document.getElementById("myHeader"); alert(x.innerHTML); } 涉及到了一个知识点：HTML DOM innerHTML ，作用是从对象的起始位置到终止位置的全部内容,包括Html标签

　　推荐阅读

　　javascript模拟的Ping效果代码（Web Ping）

当然,在请求时无法统计HTTP头部的长度,所以当请求数据包长度在最大传输单元临界点时,额外的HTTP头可以导致IP分组,因此存在一定的误差.(2009/6/21) 在线演示：http://demo.jb51.net/js/2011/ping/核心代码：复制代码>>>详细阅读

本文标题：JavaScript获取页面上某个元素的代码

地址：http://www.17bianji.com/kaifa2/JS/24814.html

1/2 1