JavaScript节点操作-增删改

document.createElement()用来生成网页元素节点,参数为元素的标签名;document.createTextNode()用来生成文本节点,参数为所要生成的文本节点的内容;node.appendChild()接受一个节点对象作为参数,将其作为最后一个子节点,插入当前节点;node.hasChildNodes()返回一个布尔值,表示当前节点是否有子节点node.removeChild()接受一个子节点作为参数,用于从当前节点移除该子节点

node.cloneNode()用于克隆一个选中的节点。它接受一个布尔值作为参数,表示是否同时克隆子节点,默认是false,即不克隆子节点。注意: 不会克隆绑定到该元素上的事件;

node.innerHTML返回该元素包含的 HTML 代码。该属性可读写,常用来设置某个节点的内容;(不属于W3C DOM规范)

node.innerText

返回该元素包含的内容,该属性可读写。


JavaScript节点操作-增删改_第1张图片


JavaScript节点操作-增删改_第2张图片

案例:

点击按钮创建img节点,添加到body中


JavaScript节点操作-增删改_第3张图片

动态创建文本框


JavaScript节点操作-增删改_第4张图片

你可能感兴趣的:(JavaScript节点操作-增删改)