jsはどのように要素ノードを取得してどのようにある要素の下の最初のノードを取得して隣接する兄弟ノードを取得します
1360 ワード
jqueryを使用する必要がなく、オリジナルjsでノードを取得する必要がある場合は面倒です.
以下は比較的よく使われるapiです.記録してください.
互換性がないie
以下は比較的よく使われるapiです.記録してください.
互換性がないie
<div id="box">
<p>first</p>
<p>two</p>
<p>three</p>
<p>four</p>
<p>last</p>
</div>
<script type="text/javascript">
// id
var dom0 = document.getElementById('box');
console.log(dom0);
// querySelector
let dom = document.querySelector('#box');
console.log(dom);
//
console.log('children', dom.children);
// firstChild ( )
console.log('firstChild', dom.firstChild);
// firstElementChild
console.log('firstElementChild', dom.firstElementChild);
console.log('children ', dom.children[0].innerHTML);
//
console.log('nextSibling', dom.children[0].nextSibling);
// nextElementSibling
console.log('nextElementSibling', dom.children[0].nextElementSibling);
</script>
</code></pre>
<p> </p>
</div>
</div>
</div>
</div>