getElementByTagName的使用

<!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=gb2312" />
<title>getElementByTagName的使用</title>
<style type="text/css">
.dd1 {
	color: red;
}

.dd2 {
	color: blue;
}
</style>
<script type="text/javascript">
	function changeColor() {

		var obj1, num, i;
		obj1 = document.getElementById("s1").getElementsByTagName("a");
		num = document.getElementById("s1").getElementsByTagName("a").length;
		for (i = 0; i < num; i++) {
			obj1[i].className = "dd2";
		}
	}
</script>
</head>
<body>
	<div id="s1" onmouseover="changeColor()">
		<a href="http://www.jb51.net/article/ddd" class="dd1">dfdfd</a> <a
			href="http://www.jb51.net/article/ddd" class="dd1">dfdfd</a> <a
			href="http://www.jb51.net/article/ddd" class="dd1">dfdfd</a>
	</div>
</body>
</html>

  

时间: 2025-01-02 15:14:27

getElementByTagName的使用的相关文章

html DOM对象getElementByTagName()方法

定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合. 语法 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序. 如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序. 提示和注释 注释:传递给 getElementsByTag

getElementByName和getElementByTagName区别和getElement所有方法汇总

工作中很多同学肯定都会遇到这些问题,所以我把它汇总一下,分享给大家. [重点]分析window.document.getElementById("header")语句 1/document整个文档意思,document是主语(限定范围): 2/父级元素例如ul.getElementsByName("x"). 3/Elements一组元素的意思. 4/window.可以省略,因为它是全局环境可以省略不写. ]var x=document.getElementsByNa

Html开发中document.getElementByTagName无法找到所有DOM元素的问题解决方法

1 let eleList = document.querySelectorAll('li') 2 for (let i = 0; i < eleList.length; i++) { 3 // 遍历操作 4 } 只要使用querySelectorAll方法即可获取所有找到的DOM元素 原文地址:https://www.cnblogs.com/AirNess/p/9476354.html

JavaScript初步认识

一 . JavaScrip的嵌入方式: ----- <li onclick="alert('Hello')">条目一</li>         内嵌在html中 ------<li onclick="init()">条目一</li> <script> function init(){ alert("Hello"): } </script>                  

高程 第10章 DOM

DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口). DOM描绘了一个层次化的节点树,允许添加,移除和修改页面的某一部分. 注意:IE中的所有DOM对象都是以COM对象的形式实现的.这意味着DOM对象与原生JavaScript对象的行为或活动特点并不一致. 10.1 节点层次 DOM描绘出的由多层节点构成的结构,每个节点都拥有各自的特点,数据和方法,也与其他节点存在某种关系,这种关系构成了层次,所有页面标记则表现为一个以特定节点为根节点的树形结构. 文档节点是每个文

dom操作

1 1.滚动条位置查询 2 document.documentElement.scrollLeft; 3 document.documentElement.scrollTop; 4 5 2.document,element,text是node的子类 6 节点树的根部是document 7 8 document.getElementById("")//id值是唯一的 9 10 document.getElementByName("") 11 //根据name属性选取元

探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密

原文:探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密 下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求 下面是firefox: 下面是chrome: 在浏览百度首页前我都将浏览器的缓存全部清理掉,让这个场景最接近第一次访问百度首页的情景. 在firefox的请求瀑布图里有个表现非常之明显:就是javascript文件下载完毕后,有一段时间是没有网络请求被处理的,这段时间过后http请求才会接着执行,这段空闲时间就是所谓的http请求被阻塞

DOM文档对象模型

 DOM文档对象模型   1.DOM对象分为:  a.Document对象: b.Element对象: c.Node对象: 2.DOM发展级别: DOM有4个级别,分别为: a.DOM 0 级:定义Document对象的一些属性和方法: b.DOM 1 级: c.DOM 2 级: d.DOM 3 级: 注:第 0 级和第 3 级不是W3C的官方标准: 3.DOM组成:  a.Core DOM:也称核心DOM编程,定义标准针对任何结构文档的对象: b.XML DOM:定义一套标准的针对 XML 文

JS之DOM

SCREEN <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Screen</title> </head> <body> </body> <script> console.log(screen.width);/*屏幕宽度*/ console.log(scre