คุณสมบัติ animationPlayState ใช้สำหรับการตั้งค่าหรือรับสถานะแอนิเมชันไม่ว่าจะทำงานหรือหยุดชั่วคราว ซึ่งมีประโยชน์ในการสลับภาพเคลื่อนไหว ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ การตั้งค่าคุณสมบัติ animationPlayState - object.style.animationPlayState = "running|paused|initial|inherit" คุณค่า
animationTimingFunction ใช้เพื่อระบุวิธีที่แอนิเมชั่นดำเนินไปในระหว่างรอบ ทำได้โดยการตั้งค่าหรือคืนค่าเส้นโค้งความเร็วสำหรับแอนิเมชัน เส้นโค้งความเร็วกำหนดว่าการเปลี่ยนภาพจะราบรื่นเพียงใดโดยการระบุเวลาที่ต้องใช้ภาพเคลื่อนไหวเพื่อย้ายจากสถานะหนึ่งไปยังอีกสถานะหนึ่ง ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรั
คุณสมบัติ backfaceVisibility ใช้เพื่อระบุว่าใบหน้าด้านหลังขององค์ประกอบจะมองเห็นได้หรือไม่เมื่อต้องเผชิญกับผู้ใช้ เป็นสิ่งสำคัญสำหรับการแปลง 3 มิติเท่านั้น ดังนั้นเมื่อคุณหมุนองค์ประกอบ คุณต้องการเห็นด้านหลังหรือไม่ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติ backfaceVisibility - obj
คุณสมบัติ alignContent ใช้เพื่อจัดแนวรายการใน flexbox หรือกริด ใช้เพื่อจัดแนวรายการบนแกนตั้งเมื่อไม่ใช้พื้นที่ว่างทั้งหมด ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติ alignContent - object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial
คุณสมบัติ HTML DOM Style alignItems ใช้สำหรับกล่าวถึงการจัดตำแหน่งเริ่มต้นของรายการที่มีอยู่ภายในคอนเทนเนอร์แบบยืดหยุ่น ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติ alignItems - object.style.alignContent = " stretch|center|flex-start|flex-end|baseline|initial|inherit" คุณค่า
คุณสมบัติ HTML DOM alignSelf ใช้สำหรับระบุการจัดตำแหน่งรายการที่กำหนดภายในคอนเทนเนอร์แบบยืดหยุ่น คุณสมบัติ alignSelf ใช้เพื่อแทนที่ค่าการจัดตำแหน่งรายการที่ระบุในกริดขององค์ประกอบหรือเลย์เอาต์การแสดงผลแบบยืดหยุ่น ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติ alignSelf - object.style.al
CSS ช่วยให้เราสามารถทำให้การเปลี่ยนคุณสมบัติขององค์ประกอบเคลื่อนไหวได้ เราใช้คุณสมบัติแอนิเมชั่นเพื่อกำหนดสไตล์ที่ต้องการ เราสามารถรวมคุณสมบัติต่างๆ เช่น ชื่อแอนิเมชั่น ระยะเวลาของแอนิเมชัน การนับซ้ำแอนิเมชัน เป็นต้น โดยใช้คีย์เวิร์ดของแอนิเมชัน ไวยากรณ์ ไวยากรณ์ของคุณสมบัติแอนิเมชั่นมีดังนี้ - obj
คุณสมบัติ animationDelay ใช้เพื่อระบุเวลาเริ่มต้นสำหรับลำดับภาพเคลื่อนไหว เราสามารถตั้งค่าให้เริ่มทำงานได้ทันทีหลังจากช่วงเวลาหนึ่งหรือครึ่งทาง ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติ animationDelay - object.style.animationDelay = "time|initial|inherit" คุณค่า ค่าต่อไป
คุณสมบัติ animationDirection ใช้เพื่อระบุทิศทางของแอนิเมชั่นที่อาจเดินหน้า ถอยหลัง หรือสลับกัน ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติ animationDirection - object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit" คุณค่า ต่อไปนี้เป็
คุณสมบัติ animationDuration ใช้เพื่อระบุระยะเวลาที่จะใช้สำหรับแอนิเมชั่นในการดำเนินการรอบให้เสร็จสิ้น ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติ animationDuration - object.style.animationDuration = "time|initial|inherit" คุณค่า ต่อไปนี้เป็นค่า - ค่า คำอธิบาย เวลา สำหร
คุณสมบัติ animationFillMode ใช้เพื่อระบุวิธีการใช้สไตล์นอกเวลาดำเนินการ เช่น หลังจากเสร็จสิ้นหรือหากมีการระบุการหน่วงเวลาไว้ ซึ่งจะเป็นประโยชน์ในการตั้งค่ารูปแบบแอนิเมชั่น css ให้กับองค์ประกอบก่อนเริ่มแอนิเมชั่นและหลังจากสิ้นสุด ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติ animationFi
วิธีการรีเซ็ตแบบฟอร์ม HTML DOM () ใช้สำหรับรีเซ็ตค่าทั้งหมดขององค์ประกอบแบบฟอร์มและแสดงค่าเริ่มต้นที่ระบุโดยใช้แอตทริบิวต์ค่าขององค์ประกอบแบบฟอร์ม ทำหน้าที่เป็นปุ่มรีเซ็ตเพื่อล้างข้อมูลในแบบฟอร์มและไม่ใช้พารามิเตอร์ใดๆ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับวิธีการรีเซ็ตแบบฟอร์ม () - formObject.reset()
วิธีการส่งแบบฟอร์ม HTML DOM () ใช้สำหรับส่งข้อมูลแบบฟอร์มไปยังที่อยู่ที่ระบุโดยแอตทริบิวต์การกระทำ ทำหน้าที่เป็นปุ่มส่งเพื่อส่งข้อมูลในแบบฟอร์มและไม่ใช้พารามิเตอร์ใดๆ ไวยากรณ์ ต่อไปนี้เป็นรูปแบบการส่งแบบฟอร์ม () วิธีการ - formObject.submit() ตัวอย่าง เรามาดูตัวอย่างวิธีการส่งแบบฟอร์ม - <!DOCTYP
ออบเจ็กต์ช่วง HTML DOM เชื่อมโยงกับองค์ประกอบ HTML เราสามารถสร้างและเข้าถึงองค์ประกอบ span โดยใช้เมธอด createElement() และ getElementById() ตามลำดับ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การสร้างวัตถุช่วง - var a = document.createElement("SPAN"); ตัวอย่าง เรามาดูตัวอย่างสแปนออบเจกต์กัน
คุณสมบัติที่ระบุ HTML DOM ใช้สำหรับตรวจสอบว่ามีการระบุแอตทริบิวต์หรือไม่ ทำได้โดยคืนค่า จริง หากแอตทริบิวต์ถูกระบุและเป็นเท็จ นอกจากนี้ยังจะส่งกลับจริงหากมีการสร้างแอตทริบิวต์ที่กำหนดแต่ยังไม่ได้แนบกับองค์ประกอบ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับคุณสมบัติที่ระบุ - attribute.specified ตัวอย่าง ให้
เมธอดเหตุการณ์ HTML DOM stopPropagation() ใช้สำหรับหยุดการเผยแพร่องค์ประกอบที่กำหนด ซึ่งหมายความว่าการคลิกที่องค์ประกอบหลักจะไม่เผยแพร่ไปยังรายการย่อย และการคลิกที่องค์ประกอบย่อยจะไม่เผยแพร่ไปยังองค์ประกอบหลักโดยใช้เมธอด stopPropagtion() การขยายพันธุ์เหตุการณ์เรียกอีกอย่างว่าเหตุการณ์เดือดปุด ๆ ไวยา
เหตุการณ์การจัดเก็บ HTML DOM จะทริกเกอร์เมื่อมีการเปลี่ยนแปลงในพื้นที่จัดเก็บของหน้าต่าง เหตุการณ์การจัดเก็บจะถูกทริกเกอร์ก็ต่อเมื่อหน้าต่างอื่นทำให้พื้นที่จัดเก็บเปลี่ยนแปลงสำหรับหน้าต่าง กิจกรรมนี้ไม่มีฟองและสามารถยกเลิกได้เช่นกัน ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − window.addEventListener(&quo
เมธอด HTML DOM Storage getItem() ใช้สำหรับรับอ็อบเจ็กต์หน่วยเก็บข้อมูลโดยส่งชื่อคีย์ที่กำหนด มันจะคืนค่าของคีย์ และหากไม่มีคีย์ที่มีชื่อนั้น ค่า NULL จะถูกส่งกลับ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับเมธอด Storage getItem() - localStorage.getItem(keyname); หรือ sessionStorage.getItem(keyname); ในท
เมธอด HTML DOM Storage key() ใช้สำหรับส่งคืนชื่อคีย์ที่ดัชนีที่กำหนดในอ็อบเจ็กต์การจัดเก็บ ดัชนีถูกส่งผ่านเป็นพารามิเตอร์ไปยังวิธี key() วัตถุหน่วยเก็บข้อมูลสามารถเป็นวัตถุเซสชันหรือวัตถุ localStorage ได้ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − วิธีการจัดเก็บคีย์ () โดยใช้ localStorage - localStorag
คุณสมบัติความยาวพื้นที่เก็บข้อมูล HTML DOM ใช้สำหรับรับจำนวนรายการที่มีอยู่ในวัตถุที่เก็บข้อมูลของเบราว์เซอร์ วัตถุหน่วยเก็บข้อมูลอาจเป็นวัตถุ localStorage หรือวัตถุ sessionStorage ได้ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − คุณสมบัติความยาวของการจัดเก็บโดยใช้วัตถุ localStorage - localStorage.length
