详解DOM

最新推荐文章于 2022-08-23 18:50:30 发布

叹！

最新推荐文章于 2022-08-23 18:50:30 发布

阅读量62

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_44721518/article/details/111866517

版权

笔记专栏收录该内容

50 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>DOM</title>
	</head>
	<body>
		<ul id="1">
			<li id="1,1">1，1</li>
			<li id="1,2">1，2</li>
			<ul id="2">
				<li id="2,1">2，1</li>
				<li id="2,2">2，2</li>
				<ul id="3">
					<li id="3,1">3，1</li>
					<li id="3,2">3，2</li>
				</ul>
			</ul>
		</ul>
		<ul id="a">
			<li id="a,1">a,1</li> 
			<li id="a,2">a,2</li>
		</ul>
	</body>
	</html>

运行效果如下：
在这里插入图片描述

<script>
		var arr1 = document.getElementById("1");
		var arr2 = document.getElementById("a");
		document.write(arr2.childNodes.length);
		document.write("<br/>");
		document.write(arr2.childNodes[1].innerText);
		document.write("<br/>");
		arr2.childNodes[3].innerText="dssd";
		arr1.parentNode.setAttribute("style","color: crimson;");
         document.write(arr1.textContent);
		 document.write(arr1.innerHTML);
		 document.write(arr1.innerText);
	</script>

运行效果如下：
在这里插入图片描述

优惠劵

叹！

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
详解DOM

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM</title> </head> <body> <ul id="1"> <li id="1,1">1，1</li> <li id="1,2">1，2</li> <ul id="2">
复制链接

扫一扫