最后三个属性在火狐上面不能正确显示啦

来源:2-5 DOM nodeName-nodeValue

慕粉3421849

2016-06-16 22:03

comment,fragment,和doctype在火狐浏览器上面实现有问题,报错: 属性用法中的 nodeValue 属性已不赞成使用。请使用 valu e 替代。 所用的 getPreventDefault() 已不赞成使用。请使用 defaultPrevented 替代。

写回答 关注

1回答

  • lhliangstar
    2016-06-17 10:19:25

    程序如下:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>div</title>
    </head>
    <body>
    <!--html注释-->
    <div id="content">节点练习</div>
    <script>
    var nodediv=document.getElementById("content");
    var attrdiv=nodediv.attributes[0];
    var textnode= nodediv.childNodes[0];
    var frag=document.createDocumentFragment();
    var comentnode=document.body.childNodes[1];
    console.log(nodediv.nodeName+'/'+nodediv.nodeValue);
    console.log(attrdiv.nodeName+'/'+attrdiv.value);
    console.log(textnode.nodeName+'/'+textnode.nodeValue);
    console.log(document.doctype.nodeName+'/'+document.doctype.nodeValue);
    console.log(frag.nodeName+'/'+frag.nodeValue);
    console.log(comentnode.nodeName+'/'+comentnode.nodeValue);
    </script>
    </body>
    </html>

    运行结果:

    DIV/null node.html:16:1
    id/content node.html:17:1
    #text/节点练习 node.html:18:1
    html/null node.html:19:1
    #document-fragment/null node.html:20:1
    #comment/html注释

DOM探索之基础详解篇

要知道前端大牛都是从精通DOM开始的,全面讲解DOM的基础知识

98374 学习 · 238 问题

查看课程

相似问题