querySelector คือคำสั่งอะไร ใช้ทำอะไร

querySelector คือคำสั่งสำหรับเข้าถึง element ตัวแรกที่พบ คำสั่งนี้เหมาะสำหรับการเข้าถึง element ตัวแรกโดยไม่ต้องผ่าน class หรือ id ของภาษา JavaScript จากตัวอย่างเข้าถึง li ตัวแรกของ ul สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง querySelector คือคำสั่งอะไร ใช้ทำอะไร

<ul>
    <li>JavaScript</li>
    <li>PHP</li>
    <li>HTML5</li>
    <li>CSS3</li>
</ul

<script>
    document.querySelector("li").style.color = 'red';
</script>

querySelector คือคำสั่งเข้าถึง element ตัวแรกที่ต้องการ จากตัวอย่างใช้คำสั่ง querySelector("li") คือค้นหา li หากพบให้เปลี่ยนสีตัวอักษรของ li ตัวแรกเป็นสีแดงด้วยคำสั่ง style.color