為什么getElementsByClassName在xhr reponseXML上不起作用

Question

為什么xhr.responseXML.getElementsByClassName（'clazz'）不起作用？

這是js：

var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function() {
         if (xhr.readyState == 4) {
            var happiness = xhr.responseXML.getElementsByClassName('clazz');

            //Uncaught TypeError: Cannot read property 'innerHTML' of undefined
            console.log("happiness ? " + happiness[0].innerHTML);
         }
    };

    //xhr.overrideMimeType("application/xml");
    xhr.open("GET", "xhr.php", true);
    xhr.send(null);

xhr.php包含以下內容：

<?php

header('Content-type: application/xml; charset=UTF-8');

echo "<?xml version=\"1.0\" encoding=\"UTF-8\"?> \n";

?>



<!DOCTYPE html>

<html>

<head>

<title>I'm the XHR response</title>

</head>

<body>



<div class="clazz">xhr happiness</div>



<div id="x" class="y"></div>



</body>

</html>

您能否在Chrome控制台中解釋以下輸出？

xhr.responseXML.getElementById('x')
<div id="x" class="y"></div>

xhr.responseXML.getElementsByClassName('y')
[]

Answer 1

xhr.responseXML是XML節點，而不是HTML元素，這意味着class屬性沒有特殊含義。

但是，當我在html標記中添加xmlns聲明時，responseXML上的getElementsByClassName才起作用（在Chrome上測試）。

<html xmlns="http://www.w3.org/1999/xhtml">

Answer 2

盡管getElementsByClassName（）無法工作，但getElementsByTagName（）可以； 和標記具有屬性。

var XMLtagDIV = xhr.getElementsByTagName('div');
var XMLclassY = []; 
var counter = 0;         //Keep class array incrementally uniform e.g. 0,1,2,3,4...
 for(i=0; i<XMLtagDIV.length; i++) 
{ 
  if(XMLtagDIV[i].getAttribute('class') == 'y') { 
   counter++;                            
   XMLclassY[counter] = XMLclassY;  }    
}

現在，數組變量XMLclassY將充當getElementsByClass（）;。 應該。

Answer 3

因為它是XML，而不是HTML。 您還將在節點上找不到innerHTML屬性。

為什么getElementsByClassName在xhr reponseXML上不起作用

問題描述

3 個解決方案

解決方案1
1 已采納 2012-02-29 14:36:11

解決方案2
0 2014-09-23 12:25:26

解決方案3
0 2012-02-28 18:07:12

為什么getElementsByClassName在xhr reponseXML上不起作用

問題描述

3 個解決方案

解決方案1 1 已采納 2012-02-29 14:36:11

解決方案2 0 2014-09-23 12:25:26

解決方案3 0 2012-02-28 18:07:12

解決方案1
1 已采納 2012-02-29 14:36:11

解決方案2
0 2014-09-23 12:25:26

解決方案3
0 2012-02-28 18:07:12