< div class = 'view view-case-view-all ' > < div class = 'view-content view-content-case-view-all ' > < table border ="1" > < tr class ="odd" > < td class ="view-field view-field-node-title" > 任务测试1 </ td > < td class ="view-field view-field-workflow-states-state" > 执行中 </ td > </ tr > < tr class ="even" > < td class ="view-field view-field-node-title" > 任务测试2 </ td > < td class ="view-field view-field-workflow-states-state" > 完成 </ td > </ tr > < tr class ="even" > < td class ="view-field view-field-node-title" > 任务测试3 </ td > < td class ="view-field view-field-workflow-states-state" > 执行中 </ td > </ tr > </ table > </ div > </ div > < script language ="javascript" type ="text/javascript" > ... document.getElementsByClassName = function(_className) ...{ //根据class获得对象集合 var aimObj = []; var elements = document.getElementsByTagName("*") ;//取得所有元素的集合 //alert(elements.length); for(var i=0;i <elements.length;i++) ...{ if(elements[i].className==null) continue; if(elements[i].className == _className) ...{ aimObj.push(elements[i]); } } return aimObj; } var outerDiv = document.getElementsByClassName("view view-case-view-all")[0];//取得class="view view-case-view-all"的第一个对象 alert(outerDiv.outerHTML); </ script >