html导入nodejs模块,nodejscheerio模块提取html页面内容

提取问题文本的整体思路&＃xff1a;先找到包含题目的所有元素&＃xff0c;然后再获取这些元素的内容即可。 通过chrome的devtool(或者firefox的firebug)看出&＃xff0c;所有的目标元素为&＃xff1a;hr元素的所有兄弟结点。cheerio的nextAll函数满足需求&＃xff0c;这个函数获取当前结点的所有后续的兄弟结点。程序如下&＃xff1a;

var fs &＃61; require(&＃39;fs&＃39;);

var cheerio &＃61; require(&＃39;cheerio&＃39;);

var myHtml &＃61; fs.readFileSync("a.html");

var $ &＃61; cheerio.load(myHtml);

var t &＃61; $(&＃39;html&＃39;).find(&＃39;hr&＃39;);

var t2 &＃61; t.nextAll();

t2.each(function(i, elem) {

getContent($(this));

console.log($(this).text());

});

首先将网页读取为一个字符串&＃xff0c;传给cheerio.load函数&＃xff0c;返回值即是一个cheerio对象(类似于一个jquery对象)。然后使用find函数&＃xff0c;通过selector查找hr元素。再调用 nextAll函数得到hr元素的所有兄弟结点。 最后在each函数中&＃xff0c; 通过text函数将所有包含问题的元素的见容打印出来。

结果中有乱码&＃xff0c;问题原因是fs模块不支持中文。通过iconv-lite先解码为中文解决。修改后代码如下&＃xff1a;

var fs &＃61; require(&＃39;fs&＃39;);

var cheerio &＃61; require(&＃39;cheerio&＃39;);

var iconv &＃61; require(&＃39;iconv-lite&＃39;);

var myHtml &＃61; fs.readFileSync("a.html");

var $ &＃61; cheerio.load(iconv.decode(myHtml, &＃39;gbk&＃39;));

var t &＃61; $(&＃39;html&＃39;).find(&＃39;hr&＃39;);

var t2 &＃61; t.nextAll();

t2.each(function(i, elem) {

getContent($(this));

console.log($(this).text());

});

最终结果如下&＃xff1a;

Task 1: You will be given 10 minutes to read the text for the first time and then

choose an appropriate answer for each of the following questions.

1. What does the “true gratitude” mean?

A. A way of life.

B. A joyous occasion.

...

以上结果有多余的空格、换行符&＃xff0c;输出文本看起来很散乱&＃xff0c;但至少内容是获取正确了。再在task2-5的html文件验证一下&＃xff0c;也获取到了正确的内容&＃xff0c;证明方法可行。接下来我们可以集中精力解决格式散乱的问题。