当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML DOM NodeIterator previousNode()用法及代码示例


NodeIterator.previousNode()方法将NodeIterator设置为文档中的上一个节点,并返回上一个节点。当集合中没有剩余节点时,此方法返回null。

用法:

node = nodeIterator.previousNode();

参数:此方法不带参数。

返回值:此方法返回集合中的上一个节点。

例:在此示例中,我们将创建一个节点迭代器,因此将使用previousNode()方法向后迭代。



<!DOCTYPE HTML>  
<html>   
<head> 
    <meta charset="UTF-8"> 
    <title>HTML | DOM previousNode() Method</title> 
</head>    
  
<body style="text-align:center;"> 
    <h1 style="color:green;">   
     GeeksforGeeks 
    </h1>  
    <p>  
HTML | DOM previousNode() Method 
    </p> 
  
    <button onclick = "Geeks()"> 
    Click Here 
    </button> 
    <p id="a"></p> 
    <script>  
        var a = document.getElementById("a"); 
        function Geeks(){ 
           const nodeIterator = document.createNodeIterator( 
                document.body, 
                NodeFilter.SHOW_ELEMENT 
                ) 
             
            let nextNode=nodeIterator.nextNode(); 
            nextNode=nodeIterator.nextNode(); 
            var prevNode=nodeIterator.previousNode(); 
            a.innerHTML = 
'Previous Node content is:'+prevNode.textContent; 
            console.log(prevNode); 
} 
</script> 
</body> 
</html>

输出:

单击按钮之前:

单击按钮后:

在控制台中:在控制台中,可以看到前一个节点。

支持的浏览器:

  • 谷歌浏览器
  • Edge
  • Firefox
  • Safari
  • Opera
  • IE浏览器




相关用法


注:本文由纯净天空筛选整理自taran910大神的英文原创作品 HTML DOM NodeIterator previousNode() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。