js基础：对DOM进行操作，删除、添加元素

最新推荐文章于 2022-08-23 20:34:04 发布
最新推荐文章于 2022-08-23 20:34:04 发布
阅读量239 收藏
点赞数
原文链接：http://www.cnblogs.com/LChenglong/p/6736336.html
版权

 

 1 <body>
 2     <div id="div1">
 3         <p id="p1">第一段</p>
 4         <p id="p2">第二段</p>
 5     </div>
 6     <!--
 7         DOM :文档对象模型
 8         1、创建新的 HTML元素
 9             创建该元素
10             找一个已存在的元素，去追加元素；
11             <div id="div1">
12                 <p id="p1">第一段</p>
13                 <p id="p2">第二段</p>
14             </div>
15         2、删除已有HTML元素
16             须找到要删除元素的父元素，再删除子元素
17         -->
18     <script>
19         var param = document.createElement("p");
20         var node = document.createTextNode("这是新文本");
21         param.appendChild(node);
22 
23         var ele = document.getElementById("div1");
24         var child = document.getElementById("p1");
25         
26         //添加元素
27         ele.appendChild(param);
28 
29         //删除元素
30         ele.removeChild(child);
31     </script>
32 </body>

 

转载于:https://www.cnblogs.com/LChenglong/p/6736336.html

anda9128
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS--addEventListener()
sinat_36841379的博客
04-10 474
刚刚在做百度笔试题的时候发现有关于addEventListener这个方法，所以现在向了解多一点~~ addEventListener()方法--用于向指定的元素添加事件句柄。 它是为元素添加点击事件的，当用户点击元素的时候，会触发事件的发生。 例如，我们在这里给出一段代码： docuemnt.getElementById("myBtn').addEventListener("clic
JavaScript编程技术实验报告7
weixin_44788220的博客
06-27 2322
节点类型：DOM中的节点类型及在HTML页面中的位置 DOM中的节点操作方法：查找、添加、删除、复制、修改等 DOM中节点特性操作方法
js点击事件增删p标签
最新发布
qianqianyunyan的博客
08-23 584
js点击事件增删p标签
JS删除DOM元素的两种方法
热门推荐
小龙在线
10-13 15万+
删除子节点 var box=document.getElementById("box"); box.parentNode.removeChild(box); 删除自身 var box=document.getElementById("box"); box.removeNode(true); 参考：https://blog.csdn.net/staywithc/article/details/3...
DOM 动态添加元素以及删除元素示例
SIMON 'S HOME
12-07 565
DOM 的简单操作示例 [code="java"] DOM-动态添加和删除元素 body,td,caption,input{ font-size:12px; } var count =0; //添加新用户的操作 function addNewUser(){ //得到文本框对象 var o...
JS添加或删除HTML dom元素的方法实例分析
10-17
主要介绍了JS添加或删除HTML dom元素的方法,结合实例形式分析了javascript针对HTML DOM元素节点的创建、追加、删除等相关操作技巧与注意事项,需要的朋友可以参考下
JavaScript DOM元素常见操作详解【添加、删除、修改等】
10-18
主要介绍了JavaScript DOM元素常见操作,包括针对dom元素的添加、删除、修改等相关操作实现技巧与注意事项,需要的朋友可以参考下
JS中DOM元素的操作等基础知识笔记
01-08
总的来说，DOM是JavaScript与网页内容交互的核心机制，熟练掌握DOM操作是Web开发的基础技能，它使得网页的动态性和交互性得以实现。理解并运用好DOM的各种方法和选择器，能够帮助开发者高效地操控网页元素，创建丰富...
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
10-20
总的来说，JavaScript DOM节点操作是Web开发中不可或缺的一部分，无论是新建元素来增加页面内容，还是删除元素来实现动态更新，都体现了JavaScript在网页动态化方面的强大能力。在实际项目中，开发者还需要注意性能...
DOM基础之删除元素
ch_musk的博客
06-30 3889
在JavaScript中，我们可以使用removeChild()方法来删除父元素下的某个子元素。 语法： A.removeChild(B); 说明： A表示父元素，B表示父元素内部的某个子元素。 举例： <!DOCTYPE > <html> <head> <title ></title&gt...
Js 添加删除HTML DOM 元素（节点）
zeron_oo的专栏
03-03 7868
添加: 这是一个段落 这是另一个段落 var para=document.createElement("p"); var node=document.createTextNode("这是新段落。"); para.appendChild(node); var element=document.getElementById("div1"); element.appendChild(pa
DOM删除某个元素
weixin_30776545的博客
03-19 678
javascript中removeChild方法可以删除某个节点步骤：1、找到该几点；2、找到该节点的父亲节点，并移除该节点注意：不能够自己移除自己javascript代码： DOM.addEvent(window,'load',function(){DOM.log.write('删除某个节点');varfireFoxLi=documen...
js添加、删除DOM元素
xm2by的博客
06-23 1万+
DOM元素添加 insertBefore() appendChild()
浏览器中 F12 功能的简单介绍
10-18 5414
chrome浏览器中 F12 功能的简单介绍 由于F12是前端开发人员的利器，所以我自己也在不断摸索中，查看一些博客和资料后，自己总结了一下来帮助自己理解和记忆，也希望能帮到有需要的小伙伴，嘿嘿！ 首先介绍Chrome开发者工具中，调试时使用最多的三个功能页面是：元素（ELements）、控制台（Console）、源代码（Sources），此外还...
js表格中的DOM操作之添加、删除行
慵懒的猫
10-14 7594
功能实现：1、实现表格添加一行 2、实现表格删除当前行 步骤：1、根据表格id获取当前表格 2、获取表格中的tBody(Bodies[0]) 3、为添加按钮增加click事件，为tBody创建子节点添加 4、为当前行的a元素增加click事件，删除本行 注意点：1、添加一行时，生成序号的获取 2、删除时，获取a元素，添加事件
JS节点使用——通过js控制html中的数据信息添加、删除与编辑
Domesteven的博客
09-23 1810
HTML是我们为用户展现数据的平台，因此也少不了对数据的终端的操作， 因此，今天就做一个简单的学生信息添加、删除和编辑的功能。 具体模块以及布局如下：  具体实现： 1、body中的实现 &lt;body&gt; &lt;div id="backbg"&gt;&lt;/div&gt; &lt;div id="updatediv"&gt; &lt;table id="n
DOM操作之--元素的创建,添加,删除
weixin_34124577的博客
08-24 283
在页面创建元素 var t1 = document.createElement("h1"); t1.textContent = "这是通过js设置的标题"; document.body.appendChild(t1); // createElement创建一个元素对象，参数是要创建的元素名字，返回值是创建的元素对象 // 元素对...
【DOM】DOM操作之如何添加、删除、替换元素_04
青春木鱼的博客
05-19 6916
本文将详细介绍如何使用DOM操作添加、删除、替换元素。我们使用document.createElement("标签名")来创建元素，使用父元素.removeChild(子元素)来删除子元素。另外，用createElement创建的新元素对象，暂时是游离在内存中，并没有被加入到DOM树。而浏览器显示哪些元素，完全依照DOM树的内容来生成。所以，新元素不会被浏览器加载到页面上，用户暂时是看不到的！因此，今后只要创建新元素，最后一步都是将新元素添加到DOM树上指定的父元素下。
JS中使用DOM来控制HTML元素.docx
01-21
"这篇文档详细介绍了JavaScript中使用Document Object Model（DOM）来操作和控制HTML元素的方法，包括获取元素、修改元素内容、删除元素以及获取网页尺寸等关键知识点。" 在JavaScript中，DOM是一个用于表示网页或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值