js清除节点内容（改变标签元素）

最新推荐文章于 2023-05-11 11:05:57 发布

MonroeYu

最新推荐文章于 2023-05-11 11:05:57 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/m0_37238192/article/details/86150101

本文提供两个JavaScript函数示例：一是清除指定div内的部分节点内容；二是将文本中的加粗标签替换为斜体标签，展示了基本的DOM操作技巧。

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

js清除节点内容（改变标签元素）

<!DOCTYPE HTML>
<html>

   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       <title>js清除节点内容||改变标签元素</title>
   </head>

   <body>
       
       <div id="content">
           <h1>html</h1>
           <h1>php</h1>
           <h1>javascript</h1>
           <h1>jquery</h1>
           <h1>java</h1>
       </div>
       <button onclick="clearText()">清除节点内容</button>
       

       <div>
           <b id="oldnode">JavaScript</b> 是一个很常用的技术，为网页添加动态效果。
       </div>
       <a href="javascript:replaceMessage()"> 将加粗改为斜体</a>
   </body>
   <script type="text/javascript">
       //    清除节点元素
       function clearText() {
           var content = document.getElementById("content");
           // 在此完成该函数
           var x = content.removeChild(content.childNodes[1]);

       }
       //    改变标签元素
       function replaceMessage() {
           var oldnode = document.getElementById("oldnode");
           var newnode = document.createElement("i");
           newnode.innerHTML = oldnode.innerHTML;
           oldnode.parentNode.replaceChild(newnode, oldnode);

       }
   </script>

</html>