JavaScript节点操作-增删改

作者: 木丿灬易 | 来源:发表于2019-07-17 18:10 被阅读25次

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

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

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

    node.innerText

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


    案例:

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


    动态创建文本框

    相关文章

      网友评论

        本文标题:JavaScript节点操作-增删改

        本文链接:https://www.haomeiwen.com/subject/yxfxlctx.html