[Javascript] Finding Sibling Elements

可紊 提交于 2020-03-30 03:02:54
const app = document.getElementById('app');
app.innerHTML = `
  <h1>JavaScript DOM</h1>
  <ul id="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>
`;

const listItem = document.querySelector('#list li');

// Any DOM Nodes
console.log(listItem.nextSibling);
console.log(listItem.previousSibling);

// Any Element Nodes
console.log(listItem.nextElementSibling);
console.log(listItem.previousElementSibling);

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!