คุณสมบัติ animationPlayState ใช้สำหรับตั้งค่าหรือรับค่าสถานะของอนิเมชัน ว่ากำลังทำงาน (running) หรือหยุดชั่วคราว (paused) สามารถใช้สลับสถานะอนิเมชันได้ ไวยากรณ์ (Syntax) object.style.animationPlayState = running|paused|initial|inherit ค่าที่ใช้ได้ (Values) ลำดับ ค่าและคำอธิบาย 1 runningระบ
คุณสมบัติ animationTimingFunction ใช้ระบุวิธีที่อนิเมชันก้าวหน้าในแต่ละรอบ โดยการตั้งค่าหรือคืนค่าโค้งความเร็วสำหรับอนิเมชัน โค้งความเร็วกำหนดว่าการเปลี่ยนผ่านจะนุ่มนวลเพียงใด โดยระบุเวลาที่อนิเมชันใช้ในการเคลื่อนที่จากสถานะหนึ่งไปยังอีกสถานะหนึ่ง ไวยากรณ์ (Syntax) object.style.animationTimingFunc
คุณสมบัติ backfaceVisibility ใช้ระบุว่าด้านหลังขององค์ประกอบจะมองเห็นได้หรือไม่ เมื่อผู้ใช้มองมัน สำคัญสำหรับการแปลง 3D (3D transforms) เพื่อให้ทราบว่าเมื่อคุณหมุนองค์ประกอบ คุณต้องการให้เห็นด้านหลังหรือไม่ ไวยากรณ์ (Syntax) object.style.backfaceVisibility = visible|hidden|initial|inherit ค่าที่ใ
คุณสมบัติ alignContent ใช้สำหรับจัดตำแหน่งรายการใน flexbox หรือ grid ใช้จัดตำแหน่งรายการบนแกนแนวตั้งเมื่อไม่ได้ใช้พื้นที่ทั้งหมดที่มีอยู่ ไวยากรณ์ (Syntax) object.style.alignContent = stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit ค่าที่ใช้ได้ (Values) ค่า คำอธิบ
คุณสมบัติ alignItems ใน HTML DOM Style ใช้สำหรับระบุการจัดตำแหน่งเริ่มต้นของรายการ (items) ที่อยู่ภายในคอนเทนเนอร์แบบยืดหยุ่น (flexible container) ไวยากรณ์ (Syntax) object.style.alignContent = stretch|center|flex-start|flex-end|baseline|initial|inherit ค่าที่ใช้ได้ (Values) ค่า คำอธิบาย s
คุณสมบัติ alignSelf ใน HTML DOM ใช้สำหรับระบุการจัดตำแหน่งของรายการ (item) ที่อยู่ภายในคอนเทนเนอร์แบบยืดหยุ่น (flex container) คุณสมบัตินี้ใช้เพื่อเขียนทับค่า align-items ที่กำหนดไว้ในเลย์เอาต์แบบ grid หรือ flex display ขององค์ประกอบ ไวยากรณ์ (Syntax) object.style.alignSelf = auto|stretch|center|f
CSS ช่วยให้เราสร้างอนิเมชันสำหรับการเปลี่ยนแปลงคุณสมบัติขององค์ประกอบได้ เราใช้คุณสมบัติ animation เพื่อกำหนดสไตล์ที่ต้องการ สามารถรวมคุณสมบัติย่อย เช่น animation-name, animation-duration, animation-iteration-count เป็นต้น โดยใช้คีย์เวิร์ด animation ได้ ไวยากรณ์ (Syntax) object.style.animation = n
คุณสมบัติ animationDelay ใช้ระบุเวลาเริ่มต้นของลำดับอนิเมชัน สามารถตั้งค่าให้เริ่มทันที หลังจากช่วงเวลาหนึ่ง หรือเริ่มจากจุดกลางได้ ไวยากรณ์ (Syntax) object.style.animationDelay = time|initial|inherit ค่าที่ใช้ได้ (Values) ค่า คำอธิบาย time ระบุเวลาเป็นวินาที (s) หรือมิลลิวินาที (ms) ก่อนท
คุณสมบัติ animationDirection ใช้ระบุทิศทางของอนิเมชัน ซึ่งอาจเป็นไปข้างหน้า ถอยหลัง หรือสลับกันไปมา ไวยากรณ์ (Syntax) object.style.animationDirection = normal|reverse|alternate|alternate-reverse|initial|inherit ค่าที่ใช้ได้ (Values) ค่า คำอธิบาย normal ค่าเริ่มต้น อนิเมชันทำงานในทิศทางปกติ
คุณสมบัติ animationDuration ใช้ระบุระยะเวลาที่อนิเมชันใช้ในการทำงานหนึ่งรอบ (cycle) ไวยากรณ์ (Syntax) รูปแบบการตั้งค่าคุณสมบัติ animationDuration ดังนี้: object.style.animationDuration = time|initial|inherit ค่าที่ใช้ได้ (Values) ค่า คำอธิบาย Time ระบุเวลาเป็นวินาที (s) หรือมิลลิวินาที (ms
คุณสมบัติ animationFillMode ใช้ระบุวิธีการนำสไตล์ไปใช้ภายนอกช่วงเวลาการทำงานของอนิเมชัน เช่น หลังจากที่อนิเมชันสิ้นสุดลง หรือเมื่อมีการกำหนดหน่วงเวลา (delay) ไว้ คุณสมบัตินี้ช่วยให้สามารถตั้งค่าสไตล์ CSS ให้กับองค์ประกอบก่อนที่อนิเมชันจะเริ่มต้น และหลังจากที่สิ้นสุดแล้ว ไวยากรณ์ (Syntax) รูปแบบการ
เมธอด reset() ของ HTML DOM Form ใช้สำหรับรีเซ็ตค่าทั้งหมดขององค์ประกอบฟอร์มและแสดงค่าเริ่มต้นที่ระบุโดยแอตทริบิวต์ value ขององค์ประกอบฟอร์ม มันทำหน้าที่เหมือนปุ่ม reset สำหรับล้างข้อมูลฟอร์มและไม่รับพารามิเตอร์ใดๆ ไวยากรณ์ ไวยากรณ์สำหรับเมธอด reset() ของ form: formObject.reset() ตัวอย่าง มาดูตัวอ
เมธอด submit() ของ HTML DOM Form ใช้สำหรับส่งข้อมูลฟอร์มไปยังที่อยู่ที่ระบุโดยแอตทริบิวต์ action มันทำหน้าที่เหมือนปุ่ม submit สำหรับส่งข้อมูลฟอร์มและไม่รับพารามิเตอร์ใดๆ ไวยากรณ์ ไวยากรณ์สำหรับเมธอด submit() ของ Form: formObject.submit() ตัวอย่าง มาดูตัวอย่างสำหรับเมธอด submit() ของ Form: <!D
ออบเจ็กต์ HTML DOM span เกี่ยวข้องกับองค์ประกอบ HTML <span> เราสามารถสร้างและเข้าถึงองค์ประกอบ span โดยใช้เมธอด createElement() และ getElementById() ตามลำดับ ไวยากรณ์ ไวยากรณ์สำหรับการสร้างออบเจ็กต์ span: var a = document.createElement("SPAN"); ตัวอย่าง มาดูตัวอย่างสำหรับออบเจ็กต์
คุณสมบัติ specified ของ HTML DOM ใช้สำหรับตรวจสอบว่าแอตทริบิวต์ถูกระบุหรือไม่ โดยส่งคืน true หากแอตทริบิวต์ถูกระบุ และ false หากไม่ใช่ จะส่งคืน true ด้วยหากแอตทริบิวต์ถูกสร้างแต่ยังไม่ได้แนบกับองค์ประกอบ ไวยากรณ์ ไวยากรณ์สำหรับคุณสมบัติ specified: attribute.specified ตัวอย่าง มาดูตัวอย่างสำหรับคุ
เมธอด stopPropagation() ของ HTML DOM Event ใช้สำหรับหยุดการแพร่กระจายขององค์ประกอบที่กำหนด หมายความว่าการคลิกบนองค์ประกอบพาเรนต์จะไม่แพร่กระจายไปยังลูก และการคลิกบนองค์ประกอบลูกจะไม่แพร่กระจายไปยังพาเรนต์ โดยใช้เมธอด stopPropagation() การแพร่กระจายเหตุการณ์ยังเรียกว่าการฟองน้ำของเหตุการณ์ (event bu
เหตุการณ์ storage ของ HTML DOM จะเกิดขึ้นเมื่อมีการเปลี่ยนแปลงในพื้นที่จัดเก็บของหน้าต่าง เหตุการณ์ storage จะถูกทริกเกอร์ก็ต่อเมื่อหน้าต่างอื่นทำการเปลี่ยนแปลงพื้นที่จัดเก็บสำหรับหน้าต่างหนึ่ง เหตุการณ์นี้ไม่บับเบิ้ล (doesnt bubble) และสามารถยกเลิกได้ (cancellable) ไวยากรณ์ ไวยากรณ์สำหรับ: window
เมธอด getItem() ของ HTML DOM Storage ใช้สำหรับดึงออบเจ็กต์ storage โดยการส่งชื่อ key ที่กำหนด จะส่งคืนค่าของ key และหากไม่มี key ดังกล่าวจะส่งคืน NULL ไวยากรณ์ ไวยากรณ์สำหรับเมธอด getItem() ของ Storage: localStorage.getItem(keyname); OR sessionStorage.getItem(keyname); ที่นี่ keyname เป็นประเภท st
เมธอด key() ของ HTML DOM Storage ใช้สำหรับส่งคืนชื่อ key ที่ดัชนีที่กำหนดในออบเจ็กต์ storage ดัชนีถูกส่งเป็นพารามิเตอร์ให้เมธอด key() ออบเจ็กต์ storage สามารถเป็น session object หรือ localStorage object ไวยากรณ์ ไวยากรณ์สำหรับ: เมธอด key() โดยใช้ localStorage: localStorage.key(index); เมธอด key()
คุณสมบัติ length ของ HTML DOM Storage ใช้สำหรับดึงจำนวนรายการที่อยู่ภายในออบเจ็กต์ storage ของเบราว์เซอร์ ออบเจ็กต์ storage สามารถเป็น localStorage หรือ sessionStorage ไวยากรณ์ ไวยากรณ์สำหรับ: คุณสมบัติ length โดยใช้ localStorage object: localStorage.length; คุณสมบัติ length โดยใช้ sessionStorage
