专注前端素材!
源代码:
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>素材8网教程(study.sucai8.cn)</title> </head> <body> <p>示例列表:</p> <ul id="myList"> <li id="item1">Coffee</li><li id="item2">Tea</li> </ul> <p id="demo">单击按钮获取下一个元素第一项的id。</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var x=document.getElementById("demo"); x.innerHTML=document.getElementById("item1").nextSibling.id; } </script> <p><strong>注意:</strong> 空白元素被看作是文本,文本是节点。</p> <p>尝试在 &lt;&li元素之间添加空格 ,结果将返回 "undefined".</p> </body> </html>
运行结果