js提取指定网站内容(谷歌提取元素打印技术的基本操作流程及使用方法 )

　　js提取指定网站内容(谷歌提取元素打印技术的基本操作流程及使用方法

)

　　方法一：提取元素并打印

　　步：

　　1、打开谷歌浏览器，按F12进入控制台：

　　2、在控制台输入如下JS代码回车（以打印csdn博客内容为例）：

　　function doPrint(){

var head_str = ""; //先生成头部

var foot_str = ""; //生成尾部

var older = document.body.innerHTML;

//var new_str = document.getElementById('wrapper').innerHTML; //获取指定打印区域

var new_str = document.getElementsByClassName('blog-content-box')[0].innerHTML; //获取指定打印区域

var old_str = document.body.innerHTML; //获得原本页面的代码

document.body.innerHTML = head_str + new_str + foot_str; //构建新网页

window.print(); //打印刚才新建的网页

document.body.innerHTML = older; //将网页还原

return false;

};doPrint();

　　3、在弹出的打印界面中，将布局选项设置为横向（纵向布局可能不会显示行尾的内容），然后保存：

　　注意：建议使用谷歌浏览器，测试火狐可能会导致页面内容混乱

　　方法 2：隐藏而不打印元素

　　方法一和步骤二使用如下代码：

<p>function doPrint() {

//隐藏标题栏

$(&#39;#csdn-toolbar&#39;).css(&#39;display&#39;,&#39;none&#39;);

//隐藏评论区

document.getElementsByClassName(&#39;comment-box&#39;)[0].style.display="none";

//隐藏推荐栏

var recommends = document.getElementsByClassName(&#39;recommend-box&#39;);

for(var i=0;i