JavaScript（DOM，节点，获取与修改元素）

最新推荐文章于 2022-07-21 11:26:27 发布

不做程序袁

最新推荐文章于 2022-07-21 11:26:27 发布

阅读量467

点赞数

分类专栏： DOM节点，获取与修改元素文章标签： javascript

本文链接：https://blog.csdn.net/qq_44012757/article/details/108644140

版权

本文介绍了JavaScript中DOM的基本概念，包括节点类型和获取元素的方法。详细阐述了通过id、标签名、class和name获取元素的方式，并讲解了修改元素内容、样式以及添加删除元素的操作。重点讨论了动态添加和删除元素的实践问题及其解决方案。

摘要由CSDN通过智能技术生成

概念
DOM（document object model）文档对象模型
整个文档是由一系列的节点对象组成的一棵树
节点：n=Node 节点包括元素节点(1)，属性节点(2)和文本节点(3)

<body>
		<table>
			<tr>
				<th id="th1">小伙真帅</th>
			</tr>
		</table>
		<a href="http://www,baidu,com" id="a1" target="_blank" style="font-size: 3em;">百度地址</a>
	</body>
	<script type="text/javascript">
		var th1=document.getElementById("th1")
		alert(th1.nodeType);
		alert(th1.nodeName);
		alert(th1.nodeValue);

th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的nodeValue=null。

<body>
		<table>
			<tr>
				<th id="th1">小伙真帅</th>
			</tr>
		</table>
		<a href="http://www,baidu,com" id="a1" target="_blank" style="font-size: 3em;">百度地址</a>
	</body>
	<script type="text/javascript">
		var th1=document.getElementById("th1")
		//alert(th1.nodeType);
		//alert(th1.nodeName);
		//alert(th1.nodeValue);
		var a1=document.getElementById("a1");
		var attr1=a1.

最低0.47元/天解锁文章

不做程序袁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript（DOM，节点，获取与修改元素）

概念DOM（document object model）文档对象模型整个文档是由一系列的节点对象组成的一棵树节点：n=Node 节点包括元素节点(1)，属性节点(2)和文本节点(3)<body> <table> <tr> <th id="th1">小伙真帅</th> </tr> </table> <a href="http://www,baidu,com" id="a1" tar
复制链接

扫一扫