<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 >