DOM - 12-2获取属性节点信息 - 《爆炸就是java》

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性节点信息</title>
    <script type="text/javascript">
        function fnTest() {
            /*
             * 使用 getAttribute("属性名") 获取属性信息
             */
            var trArray = document.getElementsByTagName("tr")[0];
            //获取tr节点的 bgcolor 属性
            var trAttName = trArray.getAttribute("bgcolor");
            //设置tr节点的 bgcolor = blue
            trArray.setAttribute("bgcolor","blue");
            //输出
            document.getElementById("info").innerHTML = trAttName
        }
    </script>
</head>
<body onload="fnTest()">
<table border="1" cellspacing="0" cellpadding="0">
    <tr bgcolor="red"><td>花花</td><td>泡泡</td><td>毛毛</td></tr>
</table>
<p id="wenben">文本节点</p>
<p id="info"></p>
</body>
</html>