萝卜头IT论坛

搜索
查看: 5844|回复: 5
收起左侧

获取网页节点信息,通俗易懂又简单!

[复制链接]
发表于 2012-7-29 09:45:45 | 显示全部楼层 |阅读模式
page8-02.html
http://kuai.xunlei.com/d/OCFQRGUOCALO

教你学会获取网页节点,相当简单,适应于自己编的任何网页中!
<html>
<head>
<title>访问相关节点示例</title>
<script language="javascript" type="text/javascript">
<!--
  function fnshowNodeInfo(){
    var oHtml = document.documentElement;
var oDoc = oHtml.ownerDocument;
var oHead = oHtml.childNodes[0];
var oBody = oHead.nextSibling;
var oTitle = oHead.firstChild;
var oP1 = oBody.firstChild;
        var oP2 = oP1.nextSibling;
var oP3 = oBody.lastChild;
var oA = oP1.firstChild;
var oAText = oA.firstChild;
var aNodes = [oDoc, oHtml, oHead, oTitle, oBody, oP1,oA, oAText];
        var ah = "第三段";
var sMsg = "<table align=\"center\" border=\"1\"" +
         "cellspacing=\"0\" cellpadding=\"3\" width=\"443\">";
        sMsg += "<tr><th>节点名称</th><th>节点值</th><th>节点类型</th></tr>";
for(var i = 0; i < aNodes.length; i++)
         {
      sMsg += "<tr><td>" + aNodes.nodeName;
      sMsg += "</td><td>" + aNodes.nodeValue;
      sMsg += "</td><td>" + aNodes.nodeType + "</td></tr>";
  }
sMsg += "<table>\n";
oP2.innerHTML = sMsg;
        oP3.innerHTML =ah;
  }
//-->
</script>
</head>
回复

使用道具 举报

发表于 2012-7-31 08:43:01 | 显示全部楼层
只兼容IE ?
回复

使用道具 举报

 楼主| 发表于 2012-7-31 12:34:14 | 显示全部楼层
admin 发表于 2012-7-31 08:43
只兼容IE ?

不是的啊,有的浏览器可以,有的不可以,这是兼容性的问题
回复

使用道具 举报

发表于 2012-7-31 17:21:15 | 显示全部楼层
IE 10就用不了
回复

使用道具 举报

 楼主| 发表于 2012-7-31 17:39:43 | 显示全部楼层
admin 发表于 2012-7-31 08:43
只兼容IE ?

不是的啊,这两天发的源码,到网站上就不能成功,总是少一点,不知道怎么弄的
回复

使用道具 举报

发表于 2012-7-31 19:03:46 | 显示全部楼层
杏阳 发表于 2012-7-31 17:39
不是的啊,这两天发的源码,到网站上就不能成功,总是少一点,不知道怎么弄的 ...

以后都传文件吧
回复

使用道具 举报

联系我们(Contact)|手机版|萝卜头IT论坛 ( 苏ICP备15050961号-1 )

GMT+8, 2024-4-27 02:55 , Processed in 0.115621 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表