为了账号安全,请及时绑定邮箱和手机立即绑定

关于 空白节点问题

关于 空白节点问题

qq_海欧_0 2016-01-21 14:19:47
4">HTML/CSS   <ul>    <li>文字</li>    <li>段落</li>    <li>表单</li>    <li>表格</li>    </ul>   document.write(document.getElementsByTag("ul")[0].lastChild.NodeName); 为什么不是空白节点
查看完整描述

1 回答

?
十二维生物

TA贡献13条经验 获得超9个赞

<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <ul id="test">
        <li>文字</li>
        <li>段落</li>
        <li>表单</li>
        <li>表格</li>
    </ul>
    <script>
    //var ul = document.getElementById('test');
    var theul = document.getElementsByTagName('ul');
    console.log(theul[0].lastChild);
    console.log(theul[0].lastChild.nodeName);
    </script>
</body>

</html>

//img1.sycdn.imooc.com//56a6f51000018ee413660768.jpg

代码结果显示如图,获取到的是节点类型Text,即最后一个li后面的换行

如果去掉最后一个换行则为

<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <ul id="test">
        <li>文字</li>
        <li>段落</li>
        <li>表单</li>
        <li>表格</li></ul>
    <script>
    //var ul = document.getElementById('test');
    var theul = document.getElementsByTagName('ul');
    console.log(theul[0].lastChild);
    console.log(theul[0].lastChild.nodeName);
    </script>
</body>

</html>

//img1.sycdn.imooc.com//56a6f60d0001584c13660768.jpg

这样就获取到最后一个li

查看完整回答
1 反对 回复 2016-01-26
  • 1 回答
  • 0 关注
  • 1301 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信