JS中的選擇器


1.firstElementChild  只讀屬性,返回指定父元素的第一個子元素,若沒有子元素,則為 null。

2.lastElementChild  只讀屬性,返回指定父元素的最后一個子元素,若沒有子元素,則為 null。

3.nextElementSibling  只讀屬性,返回指定父元素的下一個兄弟元素,若沒有,則為 null。

4.previousElementSibling  只讀屬性,返回指定父元素的前一個兄弟元素,若沒有,則為 null。

 

<p>1111</p>
<p>2222</p>
<ul>
	<li>AAA</li>
	<li>BBB</li>
        <li>CCC</li>
	<li>DDD</li>
	<li>EEE</li>
</ul>
<p>3333</p>
<p>4444</p>
		
<script type="text/javascript">
	let oUl=document.getElementsByTagName("ul")[0];
			
	oUl.firstElementChild.style.background="blue";
	oUl.lastElementChild.style.background="green";
	oUl.nextElementSibling.style.background="orange";
	oUl.previousElementSibling.style.background="pink";
</script>

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM