<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> div { width: 300px; height: 400px; border: 1px solid red; } </style> </head> <body> <input type="button" value="顯示效果" id="bt"/> <div id="dv"> <span>我是span</span> <p>我是p</p> <span>我是span</span> <p>我是p</p> <span>我是span</span> <p>我是p</p> <span>我是span</span> <p>我是p</p> <span>我是span</span> <a href="http://www.baidu.com">百度</a> </div> <script src="common.js"></script> <script> my$("bt").onclick = function () { //先獲取div var dvObj = document.getElementById("dv"); //獲取里面的所有子節點 var nodes = dvObj.childNodes; //循環遍歷所有的子節點 for(var i = 0; i < nodes.length; i++) { //判斷這個子節點是不是p標簽 if(nodes[i].nodeType == 1 && nodes[i].nodeName == "P") { nodes[i].style.backgroundColor = "red"; } } }; </script> </body> </html>