美文网首页
JavaScript学习-DOM操作

JavaScript学习-DOM操作

作者: 取名字真的很难呢 | 来源:发表于2020-06-12 19:39 被阅读0次

    一、增加节点

        使用doucment.write()有致命缺陷,会清空DOM,解决:使用W3C提供的API:

    Ⅰ、document.createElement()创建节点

    传入字符串,标签名称。

    还可以创建当前浏览器不支持的标签名,在IE6-8,这是个著名的hack,比如html5中的article标签。

        if(! /*@cc_on!*/ 0) return ;        // 条件编译代码只会在IE浏览器执行

    Ⅱ、document.createTextNode()创建文本节点

    传入的是文本字符串

    Ⅲ、document.createDocumentFragment()创建文档片段

        将多个li标签添加到fragment中,这样只用渲染一次

    创建文档片段

    Ⅳ、document.createComment()创建注释节点

    创建注释节点

    二、删除节点

    三、修改节点

    四、查找结点

    相关文章

      网友评论

          本文标题:JavaScript学习-DOM操作

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