国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

<p id="j6vvm"></p>

<td id="j6vvm"></td>

<td id="j6vvm"></td>

首頁 > 編程 > JavaScript > 正文

HTML DOM Viewer

2019-11-21 02:30:29

字體：大中小

來源：轉載

供稿：網友

說明：用來查看DOM的工具，可以當作手冊來用，也可以用來Debug,很方便的說
把代碼copy到要調試的頁面中，瀏覽時點擊DOM Tester鏈接就會打開DOM查看，雙擊展開對象，右邊的文本框里顯示的是屬性值，修改文本框會改變對應的屬性，用來調試配色什么的還是滿方便的說....呵呵
其實代碼本身沒什么技術含量，核心就是用 for in 語句來取對象的屬性而已，要說有什么亮點.....嗯......不知道窗口間的函數調用算不算......
-+-+-+-+-+-+-+-+-+-+偶是傳說中的無敵分割線-+-+-+-+-+-+-+-+-+-+
1/21更新
俺這兩天在研究兼容性,所以就把代碼重寫了下,現在支持IE5.0+ & FF 1.5.01
用這個可以明顯看出FF與IE的不同,呵呵

<script> domWin=""; function showDOM(){     try{         domWin=open("");         domWin.opener=top;         domWin.document.close();         try{             domWin.moveTo(0,0);             domWin.resizeTo(screen.availWidth,screen.availHeight);         }catch(e){}         initDOMWin();         expandLevels(1);     }catch(e){alert(e);} } function initDOMWin(){     //set body style     with(domWin.document.body.style){         padding=0;         margin=0;         fontSize=12;         fontFamily="Arial";         borderWidth=0;         backgroundColor="#FFF";         color="#444";         cursor="default";         overflow="auto";     }          //insert a table     var theD=domWin.document.createElement("TABLE");     with(theD.style){         width="99%";         height="99%";         fontSize=12;         fontFamily="Arial";         borderWidth=0;         backgroundColor="#FFF";         color="#444";         cursor="default";     }     domWin.document.body.appendChild(theD);          //insert the first row to display the object's location     var theR=theD.insertRow(theD.rows.length);     var theC=theR.insertCell(theR.cells.length);     theC.colSpan=2;     with(theC.style){         height="20px";         borderWidth=1;         borderColor="#000";         borderStyle="solid";         paddingLeft=10;     }     theC.id="oIDPath";     theC.innerHTML="top";          //insert the main row     theR=theD.insertRow(theD.rows.length);     //insert the left cell to display the tree     theC=theR.insertCell(theR.cells.length);     with(theC.style){         width=parseInt(domWin.document.body.clientWidth*0.8);         height="100%";         fontSize=12;         fontFamily="Arial";         borderWidth=0;         cursor="default";     }     theD=domWin.document.createElement("DIV");     with(theD.style){         width="100%";         height=domWin.document.body.clientHeight-38;         overflow="auto";         fontSize=12;         fontFamily="Arial";         cursor="default";     }     theC.appendChild(theD);          //insert the root-node element     addDOMItem(theD,"top","top").id="tRoot";          //insert the textarea to display the attribute     theC=theR.insertCell(theR.cells.length);     with(theC.style){         width="auto";         height="99%";         fontSize=12;         fontFamily="Arial";         borderWidth=0;         verticalAlign="top";         cursor="default";     }     theD=domWin.document.createElement("textarea");     with(theD.style){         width="100%";         height=domWin.document.body.clientHeight-108;         overflow="auto";         color="#444";         cursor="default";     }     theD.id="txtAttr";     theD.value="";     theD.onchange=setAtt;     theC.appendChild(theD);          theD=domWin.document.createElement("input");     with(theD.style){         width="69%";         height=20;         borderWidth=1;         color="#444";         cursor="default";     }     theD.type="button";     theD.value="Expand levels:";     theD.onclick=expandLevels;     theC.appendChild(theD);     theD=domWin.document.createElement("input");     with(theD.style){         width="28%";         height=21;         color="blue";     }     theD.value=2;     theC.appendChild(theD); } function addDOMItem(parentNode,name,oID,oType){     oType=oType?oType:"object";     var strPreTemp="<li>";     var theD=domWin.document.createElement("DIV");     with(theD.style){         width="auto";         height="16px";         overflow="visible";         fontSize=12;         fontFamily="Arial";         paddingLeft=5;         paddingRight=10;         paddingTop=1;         paddingBottom=0;         borderColor="#FFF";         borderWidth=1;         borderStyle="solid";         backgroundColor="#FFF";         color="#444";         cursor="default";         switch(oType){             case "object":                 listStyle="circle";             break;             case "attribute":                 listStyle="square";             break;             case "event":                 listStyle="";strPreTemp="";             break;         }     }     theD.onmouseover=domItem_onmouseover;     theD.onmouseout=domItem_onmouseout;     theD.onclick=domItem_onclick;     theD.expand=theD.ondblclick=domItem_ondblclick;     theD.onselectstart=cancelAll;     theD.onselect=cancelAll;     theD.innerHTML=strPreTemp+name;     theD.oID=oID;          return(parentNode.appendChild(theD));      } function domItem_onmouseover(){     with(this.style){         borderColor="#777";         borderStyle="solid";         backgroundColor="#EAEAF9";         color="#000";         paddingLeft=4;         paddingRight=11;         paddingTop=0;         paddingBottom=1;     } } function domItem_onmouseout(){     with(this.style){         borderColor="#FFF";         borderStyle="solid";         backgroundColor="#FFF";         color="#444";         paddingLeft=5;         paddingRight=10;         paddingTop=1;         paddingBottom=0;     } } function domItem_onclick(){     try{         domWin.document.all.oIDPath.innerHTML=this.oID;         domWin.document.all.txtAttr.value=eval(domWin.document.all.oIDPath.innerHTML);     }catch(e){} } function domItem_ondblclick(){     try{         var theO=eval(this.oID);         if(typeof(theO)!="object"){return(false);}         if(this.nextSibling){             if(this.nextSibling.getAttribute("type")=="sub"){                 this.nextSibling.style.display=this.nextSibling.style.display=="block"?"none":"block";                 return(false);             }         }         var theD=domWin.document.createElement("DIV");         with(theD.style){             paddingLeft=10;             marginLeft=10;             paddingTop=paddingBottom=4;             borderLeftColor="#999";             borderLeftStyle="dotted";             borderLeftWidth=1;             display="block";         }                  theD.setAttribute("type","sub");         this.parentNode.insertBefore(theD,this.nextSibling);         var aryO=new Array();//sub objects         var aryA=new Array();//attributes         var aryE=new Array();//events         for(var i in theO){             try{                 if(i.indexOf("on")==0){                     aryE[aryE.length]=i;                 }else{                     try{                         if(typeof(theO[i])=="object"){                             aryO[aryO.length]=i;                         }else{                             aryA[aryA.length]=i;                         }                     }catch(e){                         aryO[aryO.length]=i;                     }                 }             }catch(e){}         }         aryO.sort();         aryE.sort();         aryA.sort();         for(var i=0;i<aryO.length;i++)addDOMItem(theD,aryO[i],this.oID+"."+aryO[i]);         for(var i=0;i<aryA.length;i++)addDOMItem(theD,aryA[i],this.oID+"."+aryA[i],"attribute");         for(var i=0;i<aryE.length;i++)addDOMItem(theD,aryE[i],this.oID+"."+aryE[i],"event");                  return(false);     }catch(e){} } function cancelAll(){     try{         domWin.event.cancelBubble=true;         domWin.event.returnValue=false;         return(false);     }catch(e){alert(e);} } function setAtt(){     try{         eval(domWin.document.all.oIDPath.innerHTML+"=/""+addSlash(domWin.document.all.txtAttr.value)+"/"");     }catch(e){         domWin.alert("設置失敗");     } } function addSlash(str){     return(str.replace(////g,"http:////").replace(//r/g,"http://r").replace(//n/g,"http://n").replace(//t/g,"http:///t").replace(//"/g,"http:///"").replace(//'/g,"http:///'")); } function expandLevels(intLevels){     try{         try{intLevels=intLevels?intLevels:this.nextSibling.value;}catch(e){intLevels=1;}         intLevels=isNaN(intLevels)?1:parseInt(intLevels);         intLevels=(intLevels<1||intLevels>5)?1:intLevels;         var theObj=domWin.document.all.tRoot;         var curLevel=1;         while(curLevel>0&&theObj){             try{theObj.expand();}catch(e){alert(e);return(false);}             if(theObj.nextSibling){                 if(theObj.nextSibling.getAttribute("type")=="sub"){                     if(theObj.nextSibling.childNodes.length>0&&curLevel<intLevels){                         theObj=theObj.nextSibling.childNodes[0];                         curLevel++;                     }else{                         theObj=theObj.nextSibling.nextSibling;                     }                 }else{                     theObj=theObj.nextSibling;                 }             }else{                 theObj=theObj.parentNode.nextSibling;                 curLevel--;             }         }     }catch(e){alert(e);} } </script> <a href="javascript:showDOM();void(0);" target="_self">test DOM</a>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：頁面內查找

下一篇：Popup對象實現右鍵菜單

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

榮耀總裁趙明烏鎮演講：榮耀首款5G手機V30下月發布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術創造現實價值

2019-10-21 09:00:12

滴滴英文服務上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術團隊

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：杭州市| 金阳县| 浦江县| 霞浦县| 玉溪市| 邹城市| 获嘉县| 文安县| 宁阳县| 铁岭市| 荣成市| 高淳县| 尚志市| 青田县| 龙南县| 全南县| 安塞县| 湾仔区| 比如县| 安陆市| 余干县| 吴川市| 永宁县| 新干县| 横山县| 鸡东县| 雷州市| 拉萨市| 文登市| 鸡西市| 武川县| 汾阳市| 巴楚县| 钟山县| 南宁市| 开原市| 齐齐哈尔市| 邹平县| 高州市| 濮阳市| 遂昌县|

<p id="pmdqr"></p>