jsはどのように要素ノードを取得してどのようにある要素の下の最初のノードを取得して隣接する兄弟ノードを取得します

1360 ワード

jqueryを使用する必要がなく、オリジナルjsでノードを取得する必要がある場合は面倒です.
以下は比較的よく使われる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>