javascript三种获取dom对象的方法

创建时间：2016-09-05 投稿人：浏览次数：3391

1、getElementById()

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

<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>

2. getElementsByTagName()

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByTagName("input");
  alert(x.length);
  }
</script>
</head>
<body>

<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many input elements?" />

</body>

3、getElementsByName()

getElementsByName() 方法可返回带有指定名称的对象的集合

<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByName("myInput");
  alert(x.length);
  }
</script>
</head>
<body>

<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many elements named "myInput"?" />

</body>

声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。

热门文章: php中计算一个字符在字符串...; Thinkphp5增删改查; strlen与mb_strlen的区别; js中定义与初始化二维数组 ...; javascript三种获取dom对象的...; Thinkphp模块配置; PHP中分隔符与连接符的效率...

最新文章: Thinkphp模块配置; javascript三种获取dom对象的...; js中定义与初始化二维数组 ...; strlen与mb_strlen的区别; Thinkphp5增删改查; php中计算一个字符在字符串...; php对数组开头与末尾的元素...