ล่าสุดการพัฒนาเว็บบทเรียน
×

JS เกี่ยวกับการสอน

JS บ้าน JS บทนำ JS สถานที่ที่จะ JS ส่งออก JS วากยสัมพันธ์ JS งบ JS ความคิดเห็น JS ตัวแปร JS ผู้ประกอบการ JS คณิตศาสตร์ JS การมอบหมาย JS ชนิดข้อมูล JS ฟังก์ชั่น JS วัตถุ JS ขอบเขต JS เหตุการณ์ JS เงื่อนไข JS วิธีสตริง JS เบอร์ JS วิธีการจำนวน JS คณิตศาสตร์ JS วันที่ JS รูปแบบวันที่ JS วันวิธีการ JS แถว JS วิธีการอาร์เรย์ JS booleans JS เปรียบเทียบ JS เงื่อนไข JS สวิตซ์ JS ห่วง For JS ในขณะที่ห่วง JS หยุด JS ประเภทการแปลง JS นิพจน์ทั่วไป JS ข้อผิดพลาด JS แก้จุดบกพร่อง JS hoisting JS โหมดที่เข้มงวด JS คู่มือสไตล์ JS ปฏิบัติที่ดีที่สุด JS ข้อผิดพลาด JS ประสิทธิภาพ JS คำสงวน JS JSON

JS ฟอร์ม

แบบฟอร์มการตรวจสอบ รูปแบบ API

JS วัตถุ

นิยามวัตถุ คุณสมบัติของวัตถุ วิธีการของวัตถุ ต้นแบบวัตถุ

JS ฟังก์ชั่น

นิยามฟังก์ชั่น ค่าฟังก์ชัน ฟังก์ชั่นการภาวนา ปิดฟังก์ชั่น

JS HTML DOM

DOM แนะนำ DOM วิธีการ DOM เอกสาร DOM องค์ประกอบ DOM HTML DOM CSS DOM ภาพเคลื่อนไหว DOM เหตุการณ์ DOM EventListener DOM การเดินเรือ DOM โหนด DOM Nodelist

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS ตัวอย่าง

JS ตัวอย่าง JS HTML DOM JS HTML อินพุต JS HTML วัตถุ JS HTML เหตุการณ์ JS เบราว์เซอร์ JS ทดสอบ JS สรุป

JS คู่มืออ้างอิง

JavaScript วัตถุ HTML DOM วัตถุ


 

JavaScript - วิธี DOM HTML


วิธีการ DOM HTML มีการกระทำที่คุณสามารถดำเนินการ (ในองค์ประกอบ HTML)

HTML DOM คุณสมบัติเป็นค่า (จากองค์ประกอบ HTML) ที่คุณสามารถตั้งค่าหรือเปลี่ยน


พระ Programming Interface

พระ HTML สามารถเข้าถึงได้ด้วย JavaScript (และภาษาโปรแกรมอื่น ๆ )

ใน DOM, องค์ประกอบ HTML ทั้งหมดจะถูกกำหนดให้เป็นวัตถุ

อินเตอร์เฟซการเขียนโปรแกรมเป็นคุณสมบัติและวิธีการของแต่ละวัตถุ

ทรัพย์สินเป็นค่าที่คุณจะได้รับหรือชุด (เช่นการเปลี่ยนเนื้อหาขององค์ประกอบของ HTML)

วิธีการคือการกระทำที่คุณสามารถทำ (เช่นเพิ่มหรือลบองค์ประกอบ HTML)


ตัวอย่าง

ตัวอย่างต่อไปนี้การเปลี่ยนแปลงเนื้อหานี้ ( innerHTML ) ของ <p> องค์ประกอบที่มี id = "สาธิต":

ตัวอย่าง

<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>
ลองตัวเอง»

ในตัวอย่างข้างต้น getElementById เป็นวิธีการในขณะที่ innerHTML เป็นสถานที่ให้บริการ


getElementById วิธี

วิธีที่ใช้กันมากที่สุดในการเข้าถึงองค์ประกอบ HTML คือการใช้ ID ขององค์ประกอบ

ในตัวอย่างข้างต้น getElementById วิธีใช้ id="demo" เพื่อหาองค์ประกอบ


innerHTML ทรัพย์สิน

วิธีที่ง่ายที่สุดที่จะได้รับเนื้อหาขององค์ประกอบคือโดยใช้ innerHTML คุณสมบัติ

innerHTML คุณสมบัติเป็นประโยชน์สำหรับการเดินทางหรือเปลี่ยนเนื้อหาขององค์ประกอบของ HTML

innerHTML คุณสมบัติที่สามารถใช้ในการรับหรือเปลี่ยนองค์ประกอบ HTML ใด ๆ รวมทั้ง <html> และ <body>