บทความนี้จะสาธิตฟังก์ชัน 'hasClass' ด้วย JavaScript ธรรมดา
จะใช้งานฟังก์ชันของฟังก์ชัน 'hasClass' ด้วย JavaScript ธรรมดาได้อย่างไร
“ มีคลาส ” ฟังก์ชั่นเป็นของ JavaScript “ jQuery ' ห้องสมุด. หากคุณต้องการใช้ JavaScript ธรรมดาและระบุว่าคลาสที่ระบุเป็นส่วนหนึ่งขององค์ประกอบเฉพาะหรือไม่ คุณต้องใช้ ' ประกอบด้วย() วิธีการ” ของวัตถุ classList ซึ่งทำงานเหมือนกับฟังก์ชัน hasClass
ไวยากรณ์
เพื่อรับฟังก์ชันการทำงานของ “ มีคลาส ” ใน JavaScript ใช้ไวยากรณ์ที่กำหนดด้านล่าง:
องค์ประกอบ. รายการคลาส . ประกอบด้วย ( 'ชื่อชั้น' )
ที่นี่, ' ชื่อคลาส ” คือชื่อของคลาส CSS ที่จะค้นหาในองค์ประกอบเฉพาะ
ในขณะที่ไวยากรณ์ของเมธอด hasClass() ใน jQuery คือ:
$ ( ตัวเลือก ) . มีคลาส ( ชื่อชั้น )ตัวอย่าง
สร้าง “ แผนก ” องค์ประกอบ กำหนดคลาส CSS “ flex-item1 ” เพื่อจัดรูปแบบ div และเพิ่มรูปภาพโลโก้ของเว็บไซต์โดยใช้ปุ่ม “ src แอตทริบิวต์ของแท็ก ภายในองค์ประกอบ div:
< รหัส div = 'โลโก้ดิฟ' ระดับ = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' ทุกอย่าง = '' />
แผนก >
สร้างคลาส CSS “ flex-item1 ” เพื่อจัดรูปแบบ div:
.flex-item1 {สีพื้นหลัง : สีดำ ;
ความกว้างสูงสุด : 7 โมงเช้า ;
แสดง : ดิ้น ;
จัดรายการ : ศูนย์กลาง ;
การขยายความ : 0 15พิกเซล ;
}
ในไฟล์ JavaScript หรือแท็ก