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>
代码结果显示如图,获取到的是节点类型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>
这样就获取到最后一个li
添加回答
举报
0/150
	提交
		取消
	