1. 获取当前节点的第一个子节点: Node.prototype.firstChild

2. 获取当前节点的最后一个子节点: Node.prototype.lastChild

3. 获取当前节点的所有子节点: Node.prototype.childNodes

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
</head> 
<body> 
    <ul id="id1"> 
        <li>李雷</li> 
        <li>韩梅梅</li> 
        <li>李强</li> 
    </ul> 
    <script> 
        var id1 = document.getElementById("id1");  
        id1.firstChild; // #text 
        id1.lastChild; // #text 
        id1.childNodes; // NodeList(7) [text, li, text, li, text, li, text] 
    </script> 
</body> 
</html>

注意这里为啥获取了7个节点呢? 因为这里的 三个 li 换行了, 而换行符也是属于七种节点之一的 文本节点, 因此获取了七个.

 

发布评论

分享到:

IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

怎样将当前节点从DOM树中移除讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。