Latest web development tutorials

คุณสมบัติ HTML DOM

สถานที่ให้บริการคือค่าของโหนด (องค์ประกอบ HTML) คุณสามารถได้รับหรือการตั้งค่า

อินเตอร์เฟซการเขียนโปรแกรม

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

องค์ประกอบ HTML ทั้งหมดจะถูกกำหนดให้เป็นวัตถุและอินเตอร์เฟซการเขียนโปรแกรมเป็นวิธีวัตถุและคุณสมบัติของวัตถุ

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

สถานที่ให้บริการคือการที่คุณจะได้รับหรือตั้งค่า (เช่นชื่อโหนดหรือเนื้อหา)

คุณสมบัติ innerHTML

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

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

ตัวอย่าง

รหัสต่อไปนี้ได้รับการ ID = "บทนำ" การ <p> องค์ประกอบ innerHTML:

ตัวอย่าง

<html>
<body>

<p id="intro">Hello World!</p>

<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>

</body>
</html>

ลอง»

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

โคมไฟ

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


NodeName แอตทริบิวต์ระบุชื่อของโหนด

  • NodeName เป็นแบบอ่านอย่างเดียว
  • NodeName กับแท็กชื่อเดียวกันของโหนดองค์ประกอบ
  • NodeName แอตทริบิวต์โหนดที่มีชื่อแอตทริบิวต์เดียวกัน
  • โหนดข้อความ NodeName อยู่เสมอ #text
  • NodeName โหนดเอกสารอยู่เสมอ #document

หมายเหตุ: NodeName เสมอประกอบด้วยองค์ประกอบ HTML ชื่อแท็กตัวพิมพ์ใหญ่

คุณสมบัติ nodeValue

มูลค่าทรัพย์สิน NodeValue โหนดที่ระบุ

  • โหนดองค์ประกอบ nodeValue จะไม่ได้กำหนดหรือ null
  • โหนดข้อความ nodeValue เป็นข้อความตัวเอง
  • nodeValue โหนดแอตทริบิวต์เป็นค่าแอตทริบิวต์

ได้รับความคุ้มค่าขององค์ประกอบ

ตัวอย่างต่อไปนี้จะเรียก <p id = "บทนำ"> แท็กข้อความค่าโหนด:

ตัวอย่าง

<html>
<body>

<p id="intro">Hello World!</p>

<script type="text/javascript">
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>

</body>
</html>

ลอง»

NodeType คุณสมบัติ

NodeType คุณสมบัติผลตอบแทนประเภทของโหนด NodeType อ่านอย่างเดียว

ประเภทโหนดที่มีความสำคัญมากขึ้น:

ประเภทส่วนประกอบ NodeType
ธาตุ 1
คุณสมบัติ 2
ข้อความ 3
หมายเหตุ 8
ไฟล์ 9