首页 > 代码库 > JS中DOM操作
JS中DOM操作
DOM创建
DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口)。
DOM描绘了一个层次化的节点树,允许开发人员添加,移动,删除和修改页面的某一部分。
DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正的跨平台,语言中立的方式。
注意:
IE中所有DOM对象都是以COM对象的形式实现的,这意味着IE中的DOM对象与原声JavaScript对象的行为或活动特点不一致
节点操作:
插入节点:
appendChild();用于向childNodes列表尾部添加一个节点。如果传入到appendChild()中的节点已经是文档的一部分了,那结果就是将该节点从原来位置转移到新位置。
insertBefore(); 把需要插入的节点放到childNodes列表的指定位置上,接收两个参数(要插入的节点,参照节点);被插入的节点会变成参照节点的前一个同胞节点,同时返回。如果参照节点是NULL,则与appendChild执行相同的操作。
替换节点:
replaceChild(); 替换节点;接收两个参数(要插入的节点和要替换的节点)
移除节点:
removeChild(); 移除节点;返回被移除的节点。
其他方法:
cloneNode(); 复制节点。参数为true/false。为true时进行深度复制,为false时进行浅度复制。
normalize(); 移除空的文本节点,并连接相邻的文本节点。
Document类型:
JS中DOM操作
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。