หน้าแรก
หน้าแรก
วัตถุ HTML เป็นตัวแทนขององค์ประกอบของเอกสาร HTML ให้เราดูวิธีการเข้าถึงวัตถุ HTML - ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - document.getElementsByTagName(“HTML”) ให้เราดูตัวอย่างของวัตถุ HTML − ตัวอย่าง <!DOCTYPE html> <html> <head> <style> body{ &n
HTML DOM iframe Object แสดงถึงองค์ประกอบ ของเอกสาร HTML ให้เราสร้างวัตถุ iframe - ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - document.createElement(“IFRAME”); คุณสมบัติ ต่อไปนี้เป็นคุณสมบัติของ iframe Object − คุณสมบัติ คำอธิบาย เนื้อหาเอกสาร ส่งคืนวัตถุเอกสารที่สร้างโดยองค์ประกอบ HTML
วัตถุรูปภาพ HTML DOM แสดงถึงองค์ประกอบ ของเอกสาร HTML ให้เราสร้างวัตถุ img - ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - document.createElement(“IMG”); คุณสมบัติ ต่อไปนี้เป็นคุณสมบัติของวัตถุรูปภาพ - คุณสมบัติ คำอธิบาย alt ส่งกลับและแก้ไขค่าของแอตทริบิวต์ alt ขององค์ประกอบ HTML รูปภาพ
เมื่อใดก็ตามที่คุณสร้างเอกสาร HTML ประเภทเอกสารจะเป็นสิ่งแรกที่วางไว้ในเอกสาร มันสื่อถึงเว็บเบราว์เซอร์เกี่ยวกับเวอร์ชันของ HTML หน้านี้ถูกเขียนขึ้น ไม่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ ให้เราดูตัวอย่างที่แสดง DOCTYPE ที่ด้านบน - ตัวอย่าง <!DOCTYPE html> <html> <head> <title
ส่งวิดีโอจาก YouTuvbe ไปยังหน้าเว็บของคุณได้อย่างง่ายดาย คุณต้องฝังวิดีโอเท่านั้น ขั้นแรก รับรหัสวิดีโอ − ขั้นที่ 1 :ไปที่วิดีโอและคลิกขวาที่วิดีโอ เลือก “สถิติสำหรับผู้สนใจ” − เมื่อคลิก คุณจะได้รับกล่องโต้ตอบที่แสดงสถิติดังต่อไปนี้ - ด้านบนคุณจะเห็นรหัสวิดีโอคือ F6m0ghjadlw ตอนนี้ เราจะฝังว
คุณสมบัติประเภทวัตถุ HTML DOM ใช้เพื่อตั้งค่าหรือส่งคืนค่าของแอตทริบิวต์ประเภทของวัตถุ อย่างไรก็ตาม แอตทริบิวต์ type ใช้เพื่อกำหนดประเภทสื่อเหมือนกับวัตถุ ต่อไปนี้เป็นไวยากรณ์การตั้งค่าคุณสมบัติประเภท - obj.type = type_of_media ด้านบน type_of_media เป็นประเภทสื่อมาตรฐาน เช่น image/bmp, image/tiff,
คุณสมบัติ HTML DOM paddingLeft ส่งคืนและเพิ่มช่องว่างด้านซ้ายให้กับองค์ประกอบ HTML ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - 1. การส่งคืนช่องว่างภายในด้านซ้าย object.style.paddingLeft 2. การเพิ่มช่องว่างภายในด้านซ้าย object.style.paddingLeft=”value” คุณค่า ในที่นี้ “ค่า” อาจเป็นดังต่อไปนี้ − ค
คุณสมบัติ HTML DOM id ส่งคืนและอนุญาตให้เราตั้งค่า id ขององค์ประกอบ HTML ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - 1. รหัสคืน object.id 2. ตั้งค่าไอดี object.id=”value” ที่นี่ “คุณค่า ” หมายถึง id ขององค์ประกอบ ตัวอย่าง เรามาดูตัวอย่างคุณสมบัติ id กัน − <!DOCTYPE html> <html> <
คุณสมบัติ HTML DOM innerHTML ส่งคืนและอนุญาตให้เราแก้ไข HTML ภายในขององค์ประกอบ HTML ด้านในคือเนื้อหา ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - 1. ส่งคืน innerHTML object.innerHTML 2. การตั้งค่า HTML ภายใน object.innerHTML=”value” ที่นี่ “คุณค่า ” หมายถึงเนื้อหาหรือองค์ประกอบ HTML ที่ซ้อนกัน ต
คุณสมบัติ HTML DOM innerText ส่งคืนและอนุญาตให้เราแก้ไขเนื้อหาข้อความภายในขององค์ประกอบ HTML ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - 1. ส่งคืนข้อความภายใน object.innerText 2. การตั้งค่าข้อความภายใน object.innerText=”text” ตัวอย่าง ให้เราดูตัวอย่างคุณสมบัติ innerText − <!DOCTYPE html> &
คุณสมบัติประเภทปุ่มอินพุต HTML DOM ส่งคืนประเภทของปุ่มอินพุต เช่น ไม่ว่าจะเป็นประเภท ปุ่ม ส่ง หรือ รีเซ็ต ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - object.type ตัวอย่าง ให้เราดูตัวอย่างคุณสมบัติประเภทปุ่มอินพุต - <!DOCTYPE html> <html> <head> <title>HTML DOM type Property</title&g
คุณสมบัติค่า HTML DOM ส่งกลับและแก้ไขเนื้อหาของแอตทริบิวต์ค่าของปุ่มอินพุต ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - 1. คืนค่า object.value 2. การปรับเปลี่ยนค่า object.value=”text” ตัวอย่าง มาดูตัวอย่างคุณสมบัติกันค่า <!DOCTYPE html> <html> <head> <title>HTML DOM value
คุณสมบัติชื่อ HTML DOM ส่งกลับและแก้ไขค่าของแอตทริบิวต์ชื่อของปุ่มอินพุตใน HTML ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - 1. ชื่อผู้ส่งคืน object.name 2. แก้ไขชื่อ object.name=”text” ที่นี่ “ข้อความ ” หมายถึงชื่อใหม่ของปุ่มป้อนข้อมูล ตัวอย่าง ให้เราดูตัวอย่างของคุณสมบัติชื่อ - <!DOCTYPE ht
ใช้วิธีการ stroke() ของผ้าใบ HTML เพื่อวาดเส้นทาง เส้นทางนี้วาดด้วยวิธี moveTo() และ lineTo() องค์ประกอบช่วยให้คุณสามารถวาดกราฟิกบนหน้าเว็บโดยใช้ JavaScript ผ้าใบทุกผืนมีองค์ประกอบสองอย่างที่อธิบายความสูงและความกว้างของผืนผ้าใบ นั่นคือ ความสูงและความกว้างตามลำดับ ต่อไปนี้เป็นไวยากรณ์ - ctx.stroke(
ใช้วัตถุที่อยู่เพื่อแสดงองค์ประกอบ เรามาดูตัวอย่างการสร้าง − ตัวอย่าง <!DOCTYPE html> <html> <body> <h2>Heading Two</h2> <p>Create address element</p> <button onclick="display()">Display</button> <script> function d
คุณสมบัติ shadowOffsetY ของแคนวาส HTML ใช้เพื่อกำหนดระยะห่างแนวตั้งของเงาจากรูปร่าง องค์ประกอบช่วยให้คุณสามารถวาดกราฟิกบนหน้าเว็บโดยใช้ JavaScript ผ้าใบทุกผืนมีองค์ประกอบสองอย่างที่อธิบายความสูงและความกว้างของผืนผ้าใบ นั่นคือ ความสูงและความกว้างตามลำดับ ต่อไปนี้เป็นไวยากรณ์ - context.shadowOffsetY
แอตทริบิวต์ที่ถูกปิดใช้งานของ ใช้เพื่อปิดใช้งานกลุ่มตัวเลือก หลังจากนั้น กลุ่มตัวเลือกจะไม่สามารถคลิกได้ ต่อไปนี้เป็นไวยากรณ์ - <optgroup disabled> ให้เราดูตัวอย่างการใช้แอตทริบิวต์ที่ปิดใช้งานขององค์ประกอบ - ตัวอย่าง <!DOCTYPE html> <html> <body> <h2>Water Levels<
คุณสมบัติ HTML DOM Style lineHeight ใช้เพื่อกำหนดความสูงของบรรทัด ซึ่งเป็นระยะห่างระหว่างบรรทัดในข้อความ ต่อไปนี้เป็นรูปแบบการตั้งค่า lineHeight ไวยากรณ์ - object.style.lineHeight ต่อไปนี้เป็นรูปแบบการคืนค่า lineHeight ไวยากรณ์ - object.style.lineHeight = "normal|number|length|%|initial|inher
คุณสมบัติ shadowBlur ของแคนวาส HTML ใช้เพื่อกำหนดระดับการเบลอสำหรับเงา ค่าเริ่มต้นคือ 0 องค์ประกอบ ช่วยให้คุณสามารถวาดกราฟิกบนหน้าเว็บโดยใช้ JavaScript ผ้าใบทุกผืนมีองค์ประกอบสองอย่างที่อธิบายความสูงและความกว้างของผืนผ้าใบ นั่นคือ ความสูงและความกว้างตามลำดับ ต่อไปนี้เป็นไวยากรณ์ - ctx.shadowBlur=n
แอตทริบิวต์ที่จำเป็นขององค์ประกอบ ใน HTML ใช้เพื่อแจ้งให้ผู้เยี่ยมชมทราบว่าต้องกรอกข้อมูลในฟิลด์ textarea นี้ก่อนที่จะส่งแบบฟอร์ม หากผู้เข้าชมคลิกที่ ส่ง โดยไม่ได้กรอกชุดข้อความที่มีแอตทริบิวต์ที่จำเป็น แบบฟอร์มจะไม่ส่ง ต่อไปนี้เป็นไวยากรณ์ - <textarea required> ให้เราดูตัวอย่างการใช้แอตทริ