คู่มือนี้จะอธิบายคุณสมบัติ HTML DOM Element “nodeValue” ใน JavaScript
คุณสมบัติ HTML DOM Element “nodeValue” ใน JavaScript คืออะไร
องค์ประกอบ DOM (Document Object Model) “ ค่าโหนด ” เป็นคุณสมบัติที่มีประโยชน์ในการตั้งค่าและดึงค่าของโหนด เมธอดนี้ส่งคืน 'null' หากโหนดที่ระบุอ้างถึงโหนดองค์ประกอบ คุณสมบัตินี้ยังส่งคืนข้อความของโหนดหากอยู่ในโหนดข้อความ ค่าส่งคืนขึ้นอยู่กับประเภทโหนด
ไวยากรณ์ (ตั้งค่า “nodeValue”)
โหนด ค่าโหนด = ค่า
ไวยากรณ์ข้างต้นต้องใช้ ' ค่า ” ที่ผู้ใช้ต้องการตั้งค่าให้กับโหนดที่ต้องการ
ไวยากรณ์ (ส่งคืน 'nodeValue')
โหนด ค่าโหนด
ไวยากรณ์ที่กำหนดนี้ส่งคืน ' โมฆะ ” ค่าสำหรับองค์ประกอบและโหนดเอกสาร “ ข้อความ ” สำหรับความคิดเห็นและโหนดข้อความ และ “ คุณลักษณะ ” สำหรับโหนดแอตทริบิวต์
ลองใช้คุณสมบัติที่กำหนดไว้ข้างต้นด้วยความช่วยเหลือของตัวอย่างที่ระบุไว้
ตัวอย่าง: การใช้คุณสมบัติ 'nodeValue' ขององค์ประกอบ DOM เพื่อดึงข้อความขององค์ประกอบ
ตัวอย่างนี้ใช้คุณสมบัติ 'nodeValue' เพื่อรับข้อความของปุ่มที่สร้างขึ้น
รหัส HTML
ขั้นแรก ให้ดูรหัสที่ระบุด้านล่าง:
< ปุ่ม > ปุ่มใหม่ < / ปุ่ม >< หน้า รหัส = 'สำหรับ' >< / หน้า >
ในบรรทัดรหัสด้านบน:
- “ <ปุ่ม> ” แท็กเพิ่มปุ่ม
- “ ” แท็กฝังย่อหน้าว่างด้วยรหัส 'para'
รหัสจาวาสคริปต์
ตอนนี้ ทำตามรหัส JavaScript ที่ระบุไว้ด้านล่าง:
< สคริปต์ >คอสต์ องค์ประกอบ = เอกสาร. getElementsByTagName ( 'ปุ่ม' ) [ 0 ] ;
ให้ผลลัพธ์ = องค์ประกอบ. โหนดลูก [ 0 ] . ค่าโหนด ;
เอกสาร. getElementById ( 'สำหรับ' ) . HTML ภายใน = ' ค่าโหนดคือ: ' + ผลลัพธ์ ;
สคริปต์ >
ในบรรทัดโค้ดด้านบน:
- ขั้นแรก ให้ประกาศตัวแปร “elem” ที่ใช้ “ getElementsByTagName() วิธีการเข้าถึงองค์ประกอบโดยใช้ชื่อแท็กที่ดัชนี '0'
- ถัดไป ตัวแปร “ผลลัพธ์” ใช้ “ ค่าโหนด ” คุณสมบัติที่เชื่อมโยงกับ “ โหนดลูก คุณสมบัติ ” เพื่อรับค่าโหนดลูกเฉพาะ
- สุดท้ายนี้ “ getElementById() ” วิธีการเข้าถึงย่อหน้าว่างโดยใช้ id “para” เพื่อต่อท้ายด้วยค่าของตัวแปร “ผลลัพธ์” เช่น ข้อความปุ่ม
เอาต์พุต
จะเห็นว่าผลลัพธ์แสดงข้อความขององค์ประกอบ “
บทสรุป
ในจาวาสคริปต์ “ ค่าโหนด คุณสมบัติ ” ของ HTML DOM ช่วยในการตั้งค่าและรับคุณสมบัติค่าโหนด ค่าที่ส่งคืนของคุณสมบัตินี้ขึ้นอยู่กับชนิดของโหนด คุณสมบัตินี้ไม่แสดงค่าใดๆ สำหรับองค์ประกอบและเอกสาร คู่มือนี้อธิบายสั้น ๆ เกี่ยวกับคุณสมบัติ HTML DOM Element “nodeValue” ใน JavaScript