XML DOM getElementsByTagName() 方法

  • 定义和使用

    getElementsByTagName() 方法返回具有指定名称的所有元素的 NodeList。
  • 浏览器支持

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

    getElementsByTagName(name)
    
  • 参数

    参数 必需的 描述
    name 一个字符串,指定要搜索的标记名。 值 “*” 与所有标签匹配
  • 示例

    以下代码片段将 "books.xml" 加载到 xmlDoc 中,并获取所有<title>元素的值:
    <!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.xml", true);
    xhttp.send();
    
    function myFunction(xml) {
        var x, i, attnode, xmlDoc, txt;
        xmlDoc = xml.responseXML;
        txt = "";
        x = xmlDoc.getElementsByTagName('title');
        for (i = 0; i < x.length; i++) { 
            txt += x[i].childNodes[0].nodeValue + "<br>";
        }
        document.getElementById("demo").innerHTML = txt; 
    }
    </script>
    
    </body>
    </html>
    
    尝试一下