怎么取出字符串中body中的html内容和body中的属性?

字符串如下：var str='<body bgColor="#f98405" background="" style="font-size:10pt;font-family:NSimSun;margin:2px;"><div>正文</div></body>'

解决方案 »

  1.   

    这是示例window.onload = function () {
        var rg = new RegExp("^<body([^<]*)>(.*)</body>$", "i"), 
        rgAtt = new RegExp("([a-z]+)\\s*=\\s*([\"'])([^\"']*)\\2", "i");
        var str = '<body bgColor="#f98405" background="" style="font-size:10pt;font-family:NSimSun;margin:2px;"><div>正文</div></body>';
        var match = rg.exec(str);
        if (match && match.length == 3) {
            //ok
            var attStr = match[1], 
            contentHtml = match[2], 
            divC = document.getElementById("c");
            divC.appendChild(document.createTextNode("内容：\n" + contentHtml + "\n\n属性：\n"));
            while (rgAtt.test(attStr)) {
                divC.appendChild(document.createTextNode(RegExp.$1 + " : " + RegExp.$3 + "\n"));
                attStr = RegExp.rightContext;
            }     }
    }
      

  2.   

    内容如果比较少，可以用正则，但如果内容较多，情况比较复杂，就应该考虑采集时的方式。好的方法是直接在采集时利用DOM关系进行采摘。给个提示，自己去琢磨吧。
      

  3.   

    点击查看示例
    window.onload = function () {
      var rg = new RegExp("^<body([^<]*)>(.*)</body>$", "i"),  
      rgAtt = new RegExp("([a-z]+)\\s*=\\s*([\"'])([^\"']*)\\2", "i");
      var str = '<body bgColor="#f98405" background="" style="font-size:10pt;font-family:NSimSun;margin:2px;"><div>正文</div></body>';
      var match = rg.exec(str);
      if (match && match.length == 3) {
      //ok
      var attStr = match[1],  
      contentHtml = match[2],  
      divC = document.getElementById("c");
      divC.appendChild(document.createTextNode("内容：\n" + contentHtml + "\n\n属性：\n"));
      while (rgAtt.test(attStr)) {
      divC.appendChild(document.createTextNode(RegExp.$1 + " : " + RegExp.$3 + "\n"));
      attStr = RegExp.rightContext;
      }
      }
    }
      

  4.   

    具体还要看需要啊，如果只考虑较新的浏览器，IE9 Chrome FireFox等的话利用document.body.attributes集合可以获取设置过的属性集合。但是IE8,IE7就蛋疼了，它们会把所用支持的属性都放在里面不管你有没有设置。
      

  5.   

    <script>
        var str='<body bgColor="#f98405" background="" style="font-size:10pt;font-family:NSimSun;margin:2px;"><div>正文</div></body>'
        var mats = str.match(/<body([^>]*)>(.*?)<\/body>/);
        var text = mats[2];
        var str_attr = mats[1];
        var reg = /(\w+)\s*=\s*(["']?)(.*?)\2/g, tmp, attrs = {};
        while(tmp =reg.exec(str_attr)) {
            attrs[tmp[1]] = tmp[3];
        }
        console.log(text);
        console.log(attrs);
        console.log(attrs.bgColor);
    </script>
      

  6.   

    接上
    实际上现在关于样式的标签属性都由CSS接管了。
    像body这样元素除了设置cssStyle的style和class属性外没什么其它属性需要设置。
    超链 a 常用属性：href target title style class
    图片 img 常用属性：src alt title style class
    等等.....
      

  7.   

    while(tmp =reg.exec(str_attr)) {
        attrs[tmp[1]] = tmp[3];
    }
    这一段有点问题，exec不会移到下次匹配位置的呀？？？
    //应该这样啊
    while(tmp =reg.exec(str_attr)) {
        attrs[tmp[1]] = tmp[3];
        str_attr=RegExp.rightContext;
    }
      

  8.   

    可以动态创建个iframe吧，设置iframe的地址为空文档aa.html,然后取得iframe窗口的句柄
     js获取内容不行吗？
    比如var f=document.createElement('IFRAME')
    f.src='aa.html'
    f.name='ff'
    f.onload=function(){window.frames['ff'].document.write("这里是你的那个内容");}
    document.body.appendChild(f);function getHTML(){  window.frames['ff'].document.body.// ...这里处理你要的数据}