คุณสมบัติHTML DOM nodeValue

ตัวอย่าง

รับค่าโหนดขององค์ประกอบ <button> แรกในเอกสาร:

var x = document.getElementsByTagName("BUTTON")[0].childNodes[0].nodeValue;

ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง

ความหมายและการใช้งาน

คุณสมบัติ nodeValue ตั้งค่าหรือส่งคืนค่าโหนดของโหนดที่ระบุ

หากโหนดเป็นโหนดองค์ประกอบ คุณสมบัติ nodeValue จะคืนค่า null

หมายเหตุ:หากคุณต้องการส่งคืนข้อความขององค์ประกอบ โปรดจำไว้ว่าข้อความนั้นอยู่ภายในText nodeเสมอ และคุณจะต้องคืนค่า โหนดของ Text node ( องค์ประกอบ .childNodes[0].nodeValue)

สำหรับโหนดประเภทอื่น คุณสมบัติ nodeValue จะคืนค่าที่แตกต่างกันสำหรับประเภทโหนดที่ต่างกัน

เคล็ดลับ:ทางเลือกแทนคุณสมบัติ nodeValue อาจเป็นคุณสมบัติ textContent

รองรับเบราว์เซอร์

Property
nodeValue	Yes	Yes	Yes	Yes	Yes

ไวยากรณ์

ส่งกลับค่าโหนด:

node.nodeValue

ตั้งค่าโหนด:

node.nodeValue = value

มูลค่าทรัพย์สิน

Value	Description
value	Specifies the node value of the specified node

รายละเอียดทางเทคนิค

คืนมูลค่า:	สตริงที่แสดงถึงค่าของโหนด ค่าที่เป็นไปได้: ส่งคืนค่า nullสำหรับโหนดองค์ประกอบและโหนดเอกสาร ส่งคืนค่าแอตทริบิวต์สำหรับโหนดแอตทริบิวต์ ส่งกลับเนื้อหาสำหรับโหนดข้อความ ส่งกลับเนื้อหาสำหรับโหนดความคิดเห็น
เวอร์ชัน DOM	วัตถุโหนดหลักระดับ 1

คืนมูลค่า:

สตริงที่แสดงถึงค่าของโหนด

ค่าที่เป็นไปได้:

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

เวอร์ชัน DOM

วัตถุโหนดหลักระดับ 1

ตัวอย่างเพิ่มเติม

ตัวอย่าง

รับชื่อโหนด ค่าโหนด และประเภทโหนดของโหนดลูกคนแรกขององค์ประกอบ <div>:

<div id="myDIV">This is a div element.</div>

<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>