<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/JQ3.3.1.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript"> window.onload = function() { var rootElement = document.getElementsByTagName("html")[0]; //获取根元素 getAllElements(rootElement); //从根元素开始触发 for(var x = 0; x < elementsList.length; x++) { elementsList[x].setAttribute("class", "txt"); } } var elementsList = new Array(); //定义一个保存元素的数组 var foot = 0; //定义一个数组操作的角标 function getAllElements(element) { if(element.hasChildNodes()) { //当前元素有子元素 var childElement = element.childNodes; //列出所有的子元素 for(var x = 0; x < childElement.length; x++) { //循环所有子元素 if(childElement[x].nodeType == 1) { //现在是一个元素 getAllElements(childElement[x]); //继续找元素 } } } elementsList[foot++] = element; //保存元素 } </script> </head> <body> <div id="showMsg"> <h1>test</h1></div> <div id="showMsg"> <h1>test</h1></div> <span class="temp">test</span> <span>test</span> <p class="temp">test</p> <p>test</p> </body> </html>