คุณสมบัติ HTML DOM nodeValue ส่งกลับ/ตั้งค่าสตริงที่สอดคล้องกับค่าของโหนด
ต่อไปนี้เป็นไวยากรณ์ -
ส่งกลับค่าสตริง
Node.nodeValue
ค่าที่ส่งกลับอาจเป็นดังนี้ -
- ค่าเป็น 'null' สำหรับโหนดเอกสารและโหนดองค์ประกอบ
- ค่าเป็น 'ค่า' ของแอตทริบิวต์สำหรับโหนดแอตทริบิวต์
- คุณค่าที่เป็นเนื้อหาสำหรับโหนดข้อความและโหนดความคิดเห็น
ตั้งค่า nodeValue เป็นค่าสตริง
Node.nodeValue = string
หมายเหตุ:ช่องว่างถือเป็นโหนดข้อความเท่านั้น
ให้เราดูตัวอย่างของ HTML DOM nodeValue ทรัพย์สิน −
ตัวอย่าง
<!DOCTYPE html> <html> <head> <title>HTML DOM nodeValue</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } ul{ width: 30%; margin: 0 auto; } </style> </head> <body> <form> <fieldset> <legend>HTML-DOM-nodeValue</legend> <h3>Students</h3> <ul> <li>Adam</li> <li>Alex</li> <li>Bina</li> <li>Eden</li> <li>Rajesh</li> <li>Zampa</li> </ul> <input type="button" onclick="checkForBina()" value="Confirm for Bina"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var studentList = document.getElementsByTagName("li"); var status = 'not Present'; function checkForBina() { for(var i=0; i<studentList.length; i++){ if(studentList[i].childNodes[0].nodeValue === 'Bina') status = 'Present'; } divDisplay.textContent = 'Bina is '+status; } </script> </body> </html>
ผลลัพธ์
ก่อนคลิก 'ยืนยันสำหรับ Bina ปุ่ม −
หลังจากคลิก ‘ยืนยันสำหรับ Bina ปุ่ม −