博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript操作Dom对象
阅读量:5233 次
发布时间:2019-06-14

本文共 481 字,大约阅读时间需要 1 分钟。

一.创建节点

这段代码创建新<p>元素

var dom = document.craeteElement("p");

如果需<p>添加文本,你必须创建文本的节点

var node = document.createTextNode("this is new TextNode");

然后你必须向<p>元素添加这个node

dom.appendChild(node);

这个时候已经创建成功了

二.删除节点

例如有一段HTML代码

这是一个段落。

这是另一个段落。

 script:

 js删除节点的时候需要找到它的父节点,如果能够在不引用父元素的情况下删除某个节点,就太好了,不过太遗憾了,DOM需要清除你要删除的元素,yi以及它的父元素

这是常用的做法:

var child=document.getElementById("p1");child.parentNode.removeChild(child);

  

转载于:https://www.cnblogs.com/ZaraNet/p/9435043.html

你可能感兴趣的文章
RabbitMQ主题模式
查看>>
linearlayout水平靠右显示方法
查看>>
线程安全相关及ConcurrentHashMap总结
查看>>
ios native工程集成react-native的demo
查看>>
使用word时在方块中打钩
查看>>
1007 素数对猜想
查看>>
Nginx动静分离
查看>>
网络空间安全概论1、4单元笔记
查看>>
shop--10.商品--商品管理(前端)
查看>>
Echarts-地图扩展-标准geoJson格式扩展地图-例子
查看>>
python之函数
查看>>
猫与老鼠的故事(委托)
查看>>
探讨企业管理软件平台架构(转)
查看>>
php设计模式--单例模式
查看>>
Web请求过程
查看>>
面向对象的设计模式
查看>>
python第二十九课——文件读写(读取读取中文字符)
查看>>
forEach遍历Ajax Json数据
查看>>
《Linux/Unix系统编程手册》 时间子系统
查看>>
【翻译】Ext JS最新技巧
查看>>