DOM原生遍历、获取、修改节点内容

nenliu

于 2018-09-05 11:16:37 发布

阅读量3.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： html

本文链接：https://blog.youkuaiyun.com/u012194956/article/details/82418375

这篇博客主要介绍如何使用原生JavaScript操作DOM节点，包括遍历、获取和修改节点内容。通过实例展示了HTML主体结构及JS操作，帮助读者熟悉相关技能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

距离上次发表博客应该已经快有两个月了吧，从4月到如今我囤了很多草稿，基本都是开了个头就没继续了，一直想找时间把它们完成的，然而各种懒，各种借口。。。

昨天做了阿里的模拟笔试，时间50min，这个是真正意义上的前端笔试，最后有两个问答题需要写点代码，做完觉得我可能需要回炉重练了哈哈哈哈哈。。。

讲正题，这篇博主要是熟悉如何使用原生操作DOM节点，并获取节点内容。

HTML主体结构：

<body>
	<div>
		<p>段落一<span>first span</span></p>
		<p>段落二<span>second span</span></p>
		<p>段落三<span>third span</span></p>
	</div>
	<div>
		<table>
			<tr>
				<th>name</th>
				<th>age</th>
			</tr>
			<tr>
				<td>张三</td>
				<td>17</td>
			</tr>
			<tr>
				<td>李四</td>
				<td>43</td>
			</tr>
			<tr>
				<td>王五</td>
				<td>22</td>
			</tr>