This is a header

Click on the header to alert its value

2.该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。

function getElements()

{

var x=document.getElementsByName("myInput");

alert(x.length);

}

value="How many elements named 'myInput'?" />

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

语法

document.getElementsByTagName(tagname)

说明

getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。

提示和注释

注释：传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

实例

例子 1

function getElements()

{

var x=document.getElementsByTagName("input");

alert(x.length);

}

value="How many input elements?" />

例子 2

可以用 getElementsByTagName() 方法获取任何类型的 HTML 元素的列表。例如，下面的代码可获取文档中所有的表：

var tables = document.getElementsByTagName("table");

alert ("This document contains " + tables.length + " tables");

例子 3

如果您非常了解文档的结构，也可以使用 getElementsByTagName() 方法获取文档中的一个特定的元素。例如，下面的代码可以获得文档中的第四个段落：

var myParagragh = document.getElementsByTagName("p")[3];

不过，我们还是认为，如果您需要操作某个特定的元素，使用 getElementById() 方法将更为有效。

查找html的第三个input元素,获取HTML元素的3个方法相关推荐

html一级子元素,获取子元素_html/css_WEB-ITnose
1.纯css 获取子元素 #test1>div {background-color:red;} #test1 div {font-size:14px;} #test1>div:first- ...
js父元素获取子元素img_JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签，子元素div标签，为什么img要加上浮动，子元素div才会处于正常位置？，css,前端 - phpStudy...
父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构如图img加上float 子元素div显示正常. 不加float div显 ...
JS中DOM元素获取的宽和高的方法小结
网页可见区域宽: document.body.clientWidth (可变) 网页可见区域高: document.body.clientHeight (可变) 网页可见区域宽: document.b ...
js父元素获取子元素img_js获得子页面元素
在主页面中.添加iframe子页面,假设须要获得子页面的元素则能够使用javascript的contentWindow来获得,注意iframe和frameset必须加入id.详细样例例如以下: mai ...
新华三H3CMagic系列路由器获取不到IPV6地址解决方法
适用于H3C Magic NX15000/NX30/NX54/NX18/NX15/BX54/RC3000 H3C Magic系列路由器底层使用的是openwrt的开源路由系统,IPV6功能相关设置也比 ...
php 获取子孙,jquery如何查找后代元素？jquery获取后代元素方法
在上一篇我们讲到jquery获取父元素?相信你已经学会了,那么下面我们来讲一下jquery如何查找后代元素?jquery获取后代元素方法. 一: 查找后代元素三种方法 (1)children(): ( ...
jq 获取含类的子集_jquery获取子元素
Jquery获取子元素的方法有2种,分别是children()方法和find()方法. 下面我们分别来使用这两种方法,看看它们有何差异. children()方法:获取该元素下的直接子集元素 find ...
js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性修改属性值、js 获取子元素、js 改变css样式
参考书籍:<JavaScript DOM编程艺术第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点一份document ...

查找html的第三个input元素,获取HTML元素的3个方法

This is a header

查找html的第三个input元素,获取HTML元素的3个方法相关推荐

最新文章

热门文章