XML DOM cdata data 属性

  • 定义和使用

    data 属性返回所选节点的数据
  • 浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0(包含)以上支持 4.0(包含)以上支持 2.0(包含)以上支持 3.0(包含)以上支持 9.0(包含)以上支持
    所有主流的浏览器均支持 data 属性。
  • 语法

    CDATANode.data
  • 示例

    以下代码片段将 "books_cdata.xml" 加载到 xmlDoc 中,xmlDoc并从所有<html>元素获取数据:
    <!DOCTYPE html>
    <html>
    <body>
    
    <p id="demo"></p>
    
    <script>
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
            myFunction(xhttp);
        }
    };
    xhttp.open("GET", "books_cdata.xml", true);
    xhttp.send();
    
    function myFunction(xml) {
        var x, i, txt, xmlDoc;
        xmlDoc = xml.responseXML;
        txt = "";
        x = xmlDoc.getElementsByTagName("html");
        for (i = 0; i < x.length; i++) { 
            txt += x[i].childNodes[0].data + "<br>";
        }
        document.getElementById("demo").innerHTML = txt; 
    }
    </script>
    
    </body>
    </html>
    
    尝试一下