DOM节点操作方法有哪些-创新互联

本篇内容介绍了“DOM节点操作方法有哪些”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

10年的新华网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整新华建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“新华网站设计”,“新华网站推广”以来，每个客户项目都认真落实执行。

DOM不仅可以查找节点，也可以创建节点、复制节点、插入节点、删除节点和替换节点。

节点操作方法

方法 说明

write() 把任意字符串插入到文档中

createElement() 创建一个元素节点

appendChild() 将新节点追加到子节点列表的末尾

createTextNode() 创建一个文件节点

insertBefore() 将新节点插入在前面

repalceChild() 将新节点替换旧节点

cloneNode() 复制节点

removeChild() 移除节点

1.write()方法

write()方法可以把任意字符串插入到文档中去。

document.write('

这是一个段落！

')' ; //输出任意字符串

2.createElement()方法

createElement()方法可以创建一个元素节点。

document.createElement('p');     //创建一个元素节点

3.appendChild()方法

appendChild()方法讲一个新节点添加到某个节点的子节点列表的末尾上。

var box = document.getElementById('box');  //获取某一个元素节点

var p = document.createElement('p');   //创建一个新元素节点

box.appendChild(p);      //把新元素节点

添加子节点末尾

4.createTextNode()方法

createTextNode()方法创建一个文本节点。

var text = document.createTextNode('段落');  //创建一个文本节点

p.appendChild(text);      //将文本节点添加到子节点末尾

5.insertBefore()方法

insertBefore()方法可以把节点创建到指定节点的前面。

box.parentNode.insertBefore(p, box);   //把