DOM遍历

xiexinxia

于 2021-07-06 17:30:22 发布

阅读量594

点赞数

分类专栏：笔记文章标签： dom html javascript css

本文链接：https://blog.csdn.net/xieixnxia/article/details/118524704

版权

DOM遍历可以分为以下三种情况：

查找父元素
查找子元素
查找兄弟元素

查找父元素

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		table{border-collapse: collapse;}
		table,tr,td{border: 1px solid gray;}
	</style>
	<script type="text/javascript">
		window.onload=function(){
			var oTd=document.getElementsByTagName("td");

			for(var i=0;i<oTd.length;i++){
				oTd[i].onclick=function(){
					var oParent=this.parentNode;//查找td的父元素

					oParent.style.color="white";
					oParent.style.backgroundColor="yellow";
				};
			}
		}
	</script>
</head>
<body>
	<table>
		<caption>考试成绩</caption>
		<tr>
			<td>小明</td>
			<td>80</td>
			<td>80</td>
			<td&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xiexinxia

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM遍历

DOM遍历可以分为以下三种情况：查找父元素查找子元素查找兄弟元素查找父元素<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> table{border-collapse: collapse;} table,tr,td{border: 1px solid gra
复制链接

扫一扫