getElementsByTagName的用法（附实例）

概述：

getElementsByTagName可以根据你指定的参数，找出html源码中或xml内所有标签名称等于该参数的元素．比如你提供的参数是div,那么getElementsByTagName将返回html中所有div元素．你也可以将getElementsByTagName运行在任何节点元素下，找出该元素下所有标签名称等于其参数的元素．例如你可以在ul下查找所有的li元素，或者在table元素下查找所有的tr或td.并以数组方式返回对这一组元素的引用．
如果想返回网页内所有元素的引用，可以这样写:all_elem = document.getElementsByTagName("*")

语法：

o = Element. getElementsByTagName("tag");

返回值：

o：以数组的方式返回对一组元素的引用．如果没有找到元素则返回null，

参数

tag：要查找的元素名称，例如:table li等．
也可以使用*号，得到文档页面内的所有元素，该参数必须是字符串类型．

<html>
<head>
<title> getElementsByTagName实例操作</title>
</head>
<body>
访实例利用 getElementsByTagName方法，为页面所有的li元素绑定一个鼠标悬停事件
<ul id="list">
<li>html</li>
<li>Css</li>
<li>Dom</li>
<li>JavaScript</li>
<li>Ajax</li>
</ul>
<script>
//在id属性等list的元素下，查找所有li元素
var li_arr = document.getElementById("list"). getElementsByTagName("li");
for(var i=0;i<li_arr.length;i++){
li_arr[i].onmouseover = function(){
this.style.background = "#eeefff";
}
li_arr[i].onmouseout = function(){
this.style.background = "none";
}
}
</script>
</body>
</html>

浏览器兼容及W3C标准：

经测试getElementsByTagName至少兼容以下浏览器:IE, Firefox
W3C标准：是

getElementsByTagName的用法（附实例）相关推荐

JAVA栈（Stack）用法附实例讲解
一.功能栈(Stack)是Vector的一个子类,它实现了一个标准的后进先出的栈,也定义了自己的一些方法. 二.声明 1.声明一个栈的写法,E表示数据类型,name是你给栈起的名字,其余为关键字 S ...
JAVA队列（Queue）用法附实例讲解
一.功能队列是一种特殊的线性表,它只允许在表的前端进行删除操作,而在表的后端进行插入操作. 二.声明 1.声明一个栈的写法,E表示数据类型,name是你给队列起的名字,LinkedList类实现了Q ...
python线程创建对象_Python线程下thread对象的用法介绍（附实例）
本篇文章给大家带来的内容是关于Python线程下thread对象的用法介绍(附实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Thread对象 Thread类用于表示单独的控制 ...
OpenCV反向项目功能用法的实例(附完整代码)
OpenCV反向项目功能用法的实例 OpenCV反向项目功能用法的实例 OpenCV反向项目功能用法的实例 #include "opencv2/imgproc.hpp" #incl ...
OpenCV calcOpticalFlowPyrLK用法的实例(附完整代码)
OpenCV calcOpticalFlowPyrLK用法的实例 OpenCV calcOpticalFlowPyrLK用法的实例 OpenCV calcOpticalFlowPyrLK用法的实例 # ...
OpenCV cv::split用法的实例(附完整代码)
OpenCV cv::split用法的实例 OpenCV cv::split用法的实例 OpenCV cv::split用法的实例 #include <iostream> #include ...
OpenCV cv::reduce用法的实例(附完整代码)
OpenCV cv::reduce用法的实例 OpenCV cv::reduce用法的实例 OpenCV cv::reduce用法的实例 #include <iostream> #incl ...
OpenCV cv::merge用法的实例(附完整代码)
OpenCV cv::merge用法的实例 OpenCV cv::merge用法的实例 OpenCV cv::merge用法的实例 #include <iostream> #include ...
OpenCV cv::Mat::checkVector用法的实例(附完整代码)
OpenCV cv::Mat::checkVector用法的实例 OpenCV cv::Mat::checkVector用法的实例 OpenCV cv::Mat::checkVector用法的实例 # ...
OpenCV findContours和drawContours用法的实例(附完整代码)
OpenCV findContours和drawContours用法的实例 OpenCV findContours和drawContours用法的实例 OpenCV findContours和draw ...

getElementsByTagName的用法（附实例）

getElementsByTagName的用法（附实例）相关推荐

最新文章

热门文章