2017-09-29 196 views
0

我想用jsdom从文章中获取描述。 文章的HTML代码jsdom获取文本无图像

<p><img src="http://localhost/bibi_cms/cms/app/images/upload_photo/1506653694941.png" 
style="width: 599.783px; height: 1066px;"></p> 
<p>testestestestestestestest<br></p> 

这里是我对的NodeJS从内容获取描述代码,看来它会得到第一p标签的文本,打印出空字符串。所以我只想获取不包含图片的标记的内容p。任何人在这个问题上帮助我?

const dom = new JSDOM(results[i].content.toString()); 
if (dom.window.document.querySelector("p") !== null) 
results[i].description = dom.window.document.querySelector("p").textContent; 

回答

1

理想情况下,你可以测试对Node.TEXT_NODE但示数是对我上了的NodeJS某种原因使(用大口只是用于测试目的):

const gulp = require("gulp"); 
const fs = require('fs'); 

const jsdom = require("jsdom"); 
const { JSDOM } = jsdom; 

const html = yourHTML.html'; 

gulp.task('default', ['getText']); 

gulp.task('getText', function() { 

    var dirty; 
    dirty = fs.readFileSync(html, 'utf8'); 

    const dom = new JSDOM(dirty); 
    const pList = dom.window.document.querySelectorAll("p"); 

    pList.forEach(function (el, index, list) { 

    console.log("p.firstElementChild.nodeName : " + el.firstElementChild.nodeName); 

    if (el.firstElementChild.nodeName !== "IMG") { 
     console.log(el.textContent); 
    } 
}); 

return; 
}) 

所以关键是测试

el.firstElementChild.nodeName !== "IMG" 

如果您知道img标签或文本是在p标签之后。在你的情况下,你想要的firstElementChild.nodeName实际上是一个br标签,但我认为这并不总是在文本的末尾。

您也可以测试对一个空字符串翼:

if (el.textContent.trim() !== "") {} // you may want to trim() that for spaces