javascript - textContent 工作但 nodeValue 不工作

Question

为了更好地理解 textConent 和 nodeValue 之间的区别，我想找出为什么在我的代码中使用 nodeValue 不起作用。我有以下 XML 字符串，它通过 jQuery 回调通过 AJAX 加载。如果您查看循环的中心，如果我使用 nodeValue 代替 textContent，该部分将生成空值。

XML

<?xml version="1.0" encoding="UTF-8"?>
    <Sensors>
        <Sensor>
            <id>56</id>
            <state>false</state>
        </Sensor>
    </Sensors>

我在下面使用这个函数来解析 XML。

JavaScript

  function parseSensors(data,status,xhr) {
         var xml = xhr.responseXML;
         var sensors = xml.documentElement.childNodes;

         var list="<ul>";             
         for(var i=0; i < sensors.length; i++) {
             list= list +"<li>"+sensors[i].childNodes[0].textContent+"</li>";                 
         }
         list=list+"</u>";
         document.getElementById("real-time_active_sensors").innerHTML=list;            
     }

Answer 1

节点的文本部分实际上是节点本身的子节点。如果一个节点中没有数据，那么对 childNodes[0].nodeValue 的调用将失败。在尝试访问它们之前，您需要检查实际存在多少个子节点。否则，您将需要执行一个协议(protocol)，该协议(protocol)要求在创建 XML 数据时它不能包含空标签。