操作DOM树之修改某一个标签

最新推荐文章于 2022-09-16 11:01:36 发布

ll123c

最新推荐文章于 2022-09-16 11:01:36 发布

阅读量404

点赞数

分类专栏： javascript HTML

本文链接：https://blog.csdn.net/ll123c/article/details/88982134

版权

本文介绍了如何在DOM中操作，特别是针对ul下的li标签进行修改，通过五个步骤详细阐述了如何用新的li标签替换原有的li标签，包括获取ul元素、创建新li和文本节点、将文本节点插入li等过程。

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

问题描述：

在ul标签下的li标签做出修改，使用新的li标签替换原来的li标签

问题分析：

第一步：获取需要被修改的ul标签

第二步：新建一个li标签

第三步：新建一个文本节点

第四步：将文本节点添加到li标签内部

第五步：获取需要被修改的li标签

第六步：ul标签调用replaceChild();方法，实现替换


<html>
   <head>
    <title>html示例</title>
   </head>
   <body>
		<ul id="ul31">
		<li id="li41">紫衫龙王</li>
		<li id="li42">白眉鹰王</li>
		<li id="li43">金毛狮王</li>
		<li id="li44">青翼蝠王</li>
		</ul>
		<input type="button" value="replace" onclick="replace1();"/>
		<script type="text/javascript">
			function replace1(){
					//获取要被替换的节点
					var li44=document.getElementById("li44");
					//新建一个l