HTML调整

来源:9-9 访问子节点的第一和最后项

慕村1087376

2022-03-31 23:08

http://img4.mukewang.com/6245c38a00010b3e07950512.jpg

为什么div 那部分改成这样只会才会输出这个结果呢?

写回答 关注

1回答

  • 木城武
    2022-05-28 21:17:15

    请查看上一节讲解的最后部分。

    一句话总结:如果不调整为同一行,那么除IE以外的浏览器,firstChild和lastChild都是空白节点,所以输出结果是#text

    ------------------------以下复制于上一节最后的讲解--------------------------------------

    1. IE全系列、firefox、chrome、opera、safari兼容问题

    2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7,如下图所示:

    如果把代码改成这样:

    <ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul>

    运行结果:(IE和其它浏览器结果是一样的)

      UL子节点个数:3
      节点类型:1
                            

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题