ตัวอย่าง DOM
ตัวอย่างของการใช้ JavaScript การเข้าถึงและจัดการวัตถุ DOM แบบ HTML
วัตถุเอกสาร
- ใช้ document.write () เพื่อการส่งออกข้อความ
- ใช้ document.write () HTML เอาท์พุท
- ส่งกลับจำนวนของเอกสารสมอ
- กลับเอกสารในสมอแรก innerHTML
- ส่งกลับจำนวนของเอกสารในรูปแบบของ
- ส่งกลับชื่อของเอกสารในรูปแบบครั้งแรก
- ส่งกลับจำนวนของภาพในเอกสาร
- กลับเอกสารในรหัสภาพแรก
- ส่งกลับจำนวนของการเชื่อมโยงในเอกสาร
- กลับเอกสารใน ID ที่ลิงค์แรก
- ชื่อผลตอบแทนของคุกกี้ทั้งหมดในเอกสาร / คู่ค่า
- ผลตอบแทนที่เซิร์ฟเวอร์ชื่อโดเมนที่จะโหลดเอกสาร
- กลับไปยังเอกสารเวลาที่แก้ไขครั้งล่าสุด
- ส่งกลับ URL ของเอกสารปัจจุบันมีการโหลด
- ผลตอบแทนที่ได้ชื่อของเอกสาร
- ส่งกลับ URL ที่สมบูรณ์ของเอกสาร
- เปิดกระแสออกป้อนข้อความเข้าไปในกระแส
- การเขียนที่แตกต่างกัน () และ writeln () ของ
- ปรากฏองค์ประกอบที่มี ID ที่ระบุของ innerHTML
- ชื่อป๊อปอัพที่มีการระบุจำนวนขององค์ประกอบ
- ด้วยจำนวนขององค์ประกอบป๊อปอัพ tagname ระบุ
- ตัวอย่างเพิ่มเติมของวัตถุเอกสารในของเรา อ้างอิงคู่มือ JavaScript
วัตถุ Anchor
- กลับมาและตั้งค่าการเชื่อมโยงแอตทริบิวต์ charset
- กลับมาและตั้งค่าแอตทริบิวต์การเชื่อมโยงที่ href
- ผลตอบแทนจากทรัพย์สิน Hreflang และการตั้งค่าการเชื่อมโยง
- ผลตอบแทนที่ได้ชื่อของสมอ
- ก็จะส่งกลับความสัมพันธ์ระหว่างไฟล์ปัจจุบันและการเชื่อมโยงระหว่างเอกสาร
- ในการเปลี่ยนแอตทริบิวต์เป้าหมายการเชื่อมโยง
- ส่งกลับค่าของประเภทการเชื่อมโยงสถานที่ให้บริการ
- ตัวอย่างเพิ่มเติมของวัตถุ Anchor ของเรา อ้างอิงคู่มือ JavaScript
วัตถุใกล้เคียง
- ส่งกลับข้อความภาพสำรองสำหรับแผนที่พื้นที่
- ผลตอบแทนที่ได้พิกัดภาพของแผนที่
- แองเคอผลตอบแทนส่วนของแอตทริบิวต์ href พื้นที่
- ภาพแผนที่ท่าเรือภูมิภาค: คืนชื่อโฮสต์
- ภาพแผนที่ชื่อโฮสต์หลังของภูมิภาค
- ย้อนกลับไปยังพอร์ตภาพแผนที่พื้นที่
- ภาพแผนที่กลับ href ของภูมิภาค
- ผลตอบแทนที่ได้ชื่อพา ธ ของแผนที่พื้นที่ภาพ
- ภาพแผนที่โปรโตคอลหลังของภูมิภาค
- ผลตอบแทน href แอตทริบิวต์ส่วนภูมิภาค QueryString
- ผลตอบแทนที่ได้รูปร่างของภูมิภาคของแผนที่ภาพที่
- ค่าตอบแทนของแผนที่ภาพเป้าหมายของพื้นที่
- ตัวอย่างเพิ่มเติมของวัตถุในพื้นที่ของเรา อ้างอิงคู่มือ JavaScript
วัตถุฐาน
- ส่งค่า URL สำหรับ URL ที่เกี่ยวข้องทั้งหมดของหน้า
- กลับไปที่ลิงก์ที่เกี่ยวข้องทั้งหมดขึ้นอยู่กับการเชื่อมโยงหน้า
- ตัวอย่างเพิ่มเติมของวัตถุเป้าหมายของเราในฐาน อ้างอิงคู่มือ JavaScript
ปุ่มวัตถุ
- เมื่อคุณคลิก End ปุ่มใช้งานไม่ได้
- ส่งกลับชื่อของปุ่ม
- ผลตอบแทนที่ประเภทของปุ่มเพียงปุ่มเดียว
- ส่งกลับค่าของปุ่มเพียงปุ่มเดียว
- ผลตอบแทนที่ปุ่มเพื่อ ID ตารางของคุณ
- กรณีปุ่มวัตถุอื่น ๆ ในของเรา อ้างอิงคู่มือ JavaScript
วัตถุแบบฟอร์ม
- ก็จะส่งกลับค่าในรูปแบบขององค์ประกอบทั้งหมด
- ส่งกลับค่าของรูปแบบทรัพย์สิน acceptCharset
- ผลตอบแทนที่เป็นรูปแบบการดำเนินการค่าแอตทริบิวต์
- ค่าตอบแทนของ enctype รูปแบบแอตทริบิวต์
- ส่งกลับจำนวนขององค์ประกอบในรูปแบบ
- กลับส่งวิธีการข้อมูลในแบบฟอร์ม
- ผลตอบแทนในรูปแบบของชื่อ
- ส่งกลับค่าเป้าหมายรูปแบบของสถานที่ให้บริการ
- รีเซ็ตแบบฟอร์ม
- ส่งแบบฟอร์ม
- กรณีปุ่มวัตถุอื่น ๆ ในของเรา อ้างอิงคู่มือ JavaScript
กรอบ / วัตถุ IFrame
- iframe สำหรับรูปแบบ
- เปลี่ยนสีพื้นหลังของเอกสารที่มีอยู่ใน iframe ได้
- ค่าตอบแทนของแอตทริบิวต์ frameborder iframe
- นำ frameborder iframe ได้
- เปลี่ยนความสูงและความกว้างของ iframe
- ค่าตอบแทนของแอตทริบิวต์ longdesc iframe
- ค่าตอบแทนของ iframe แอตทริบิวต์ marginheight
- ค่าตอบแทนของ iframe แอตทริบิวต์ marginwidth
- ค่าตอบแทนของแอตทริบิวต์ชื่อของ iframe
- กลับมาและตั้งค่าในการเลื่อนแอตทริบิวต์ iframe
- การเปลี่ยนแปลงใน src iframe ได้
- เพิ่มเติมกรอบ / iframe กรณีวัตถุของเรา อ้างอิงคู่มือ JavaScript
ภาพวัตถุ
- สำหรับรูปแบบของภาพ
- ส่งกลับข้อความภาพสำรอง
- เพิ่มชายแดนไปยังภาพที่
- เปลี่ยนความสูงของภาพและความกว้าง
- ชุดภาพของคุณลักษณะ hspace และ vSpace
- ส่งกลับค่าของภาพ longdesc แอตทริบิวต์
- สร้างการเชื่อมโยงกับภาพต่ำลงมติ
- ส่งกลับชื่อของภาพ
- เปลี่ยน src ภาพ
- ส่งกลับค่าของภาพแผนที่ฝั่งไคลเอ็นต์ของ usemap
- กรณีภาพวัตถุอื่น ๆ ในของเรา อ้างอิงคู่มือ JavaScript
วัตถุที่จัดกิจกรรม
- ซึ่งปุ่มเมาส์คลิก?
- แป้นกด keycode?
- พิกัดของเมาส์?
- เมื่อเทียบกับหน้าจอพิกัดของเมาส์?
- ปุ่ม Shift ถูกกดหรือยัง
- ซึ่งองค์ประกอบกด?
- ซึ่งเหตุการณ์ที่เกิดขึ้น?
Option และเลือกวัตถุ
- ปิดการใช้งานและเปิดใช้งานรายการแบบหล่นลง
- มีรายการแบบหล่นลงเพื่อให้ได้รูปแบบของรหัสเป็น
- ได้รับหมายเลขของรายการแบบหล่นลงของตัวเลือก
- รายการแบบหล่นลงไปหลายบรรทัด
- เลือกมากกว่าหนึ่งตัวเลือกในรายการแบบหล่นลง
- Pop-up รายการแบบหล่นลงของตัวเลือกทั้งหมด
- ดัชนีป๊อปรายการแบบหล่นลงของตัวเลือกที่เลือก
- ข้อความรายการแบบหล่นลงที่จะเปลี่ยนแปลงตัวเลือกที่เลือก
- เอารายการแบบหล่นลงของตัวเลือก
ตาราง TableHeader, TableRow, TableData วัตถุ
- เส้นขอบตารางเปลี่ยนความกว้าง
- เปลี่ยน cellpadding ตารางและ cellspacing
- ระบุกรอบตาราง
- ระบุกฎสำหรับตาราง
- บรรทัดของ innerHTML
- เซลล์ innerHTML
- สร้างชื่อตาราง
- ลบแถวในตาราง
- เพิ่มแถวของตาราง
- เพิ่มเซลล์แถวของตาราง
- ตําแหน่งระดับเนื้อหาของเซลล์
- การจัดตำแหน่งในแนวตั้งของเนื้อหาของเซลล์
- ตําแหน่งเนื้อหาของระดับเซลล์เดียว
- เนื้อหาของเซลล์เดียวของการจัดตำแหน่งในแนวตั้ง
- เปลี่ยนเนื้อหาของเซลล์
- จำนวน (แอตทริบิวต์ colspan) การเปลี่ยนแปลงคอลัมน์ข้ามเซลล์