Javascript 如何检索RSS源的图像?
我创建了一个JS代码,但无法从RSS提要中检索图像的url 如何检索RSS源的图像 const FEED_URL=Javascript 如何检索RSS源的图像?,javascript,xml,image,rss,feed,Javascript,Xml,Image,Rss,Feed,我创建了一个JS代码,但无法从RSS提要中检索图像的url 如何检索RSS源的图像 const FEED_URL=https://www.s1biose.com/fr/test/rss.xml fetch(FEED_URL) .then(response => response.text()) .then(str => new window.DOMParser().parseFromString(str, "text/xml")) .then(data
https://www.s1biose.com/fr/test/rss.xml
fetch(FEED_URL)
.then(response => response.text())
.then(str => new window.DOMParser().parseFromString(str, "text/xml"))
.then(data => {
const items = data.querySelectorAll("item");
let html = ``;
items.forEach(el => {
html += `
<div class="card mb-3 text-start position-relative text-dark">
<div class="row g-0">
<div class="col-md-4">
<img src="${el.querySelector("enclosure").innerHTML}" alt="${el.querySelector("title").innerHTML}">
</div>
<div class="col-md-8">
<div class="card-body">
<div class="card-title h5">${el.querySelector("title").innerHTML}</div>
<p class="card-text">${el.querySelector("description").innerHTML}</p>
<p class="card-text"><small class="text-muted">${el.querySelector("pubDate").innerHTML}</small></p>
</div>
</div>
</div>
<a href="${el.querySelector("link").innerHTML}" title="${el.querySelector("title").innerHTML}" class="stretched-link" target="_blank" rel="noopener noreferrer"></a>
</div>
`;
});
document.querySelector('#feed').insertAdjacentHTML("beforeend", html);
});
fetch(FEED\u URL)
.then(response=>response.text())
.then(str=>newwindow.DOMParser().parseFromString(str,“text/xml”))
。然后(数据=>{
const items=data.querySelectorAll(“item”);
让html=``;
items.forEach(el=>{
html+=`
${el.querySelector(“title”).innerHTML}
${el.querySelector(“description”).innerHTML}
${el.querySelector(“pubDate”).innerHTML}
`;
});
document.querySelector(“#feed”).insertAdjacentHTML(“beforeed”,html);
});
在您的开发工具检查器的呈现版本中,您认为什么是
src
?@charlietfl我什么都没看到,没有url。这是mathieulebert.fr站点,它是关于页面底部的RSS提要的。简单修复。看看xml。您需要@charlietfl的url
属性。JS必须自动检索url。你能用正确的密码回复吗?因为在您的评论中,您是手动指定url的。@charlietfl有效,谢谢。