我试图在Wordpress网站上替换多次出现,所以这就是我所做的:
window.onload = init;
function init()
{
// get all the divs which have specific class names
let divElems =
document.querySelectorAll(".vc_custom_heading.white.vc_gitem-post-data.vc_gitem-post-data-source-post_title");
// loop on the divs
for(let i = 0 ; i < divElems.length ; i++)
{
// get the first child of the div : a <h2>
let titleElem = divElems[i].childNodes[0];
// get the first child of the title : a <a>
let linkElem = titleElem.childNodes[0];
// get the text content of the link
let text = linkElem.textContent;
// replace the word test by nothing
text = text.replace(/test/g, '');
// all the occurrences of test have been removed in the console.log, but not in browser
console.log(text);
}
};
但奇怪的是,replace方法在console.log中运行良好(我可以看到测试词已被删除),但浏览器页面没有任何变化!
有人有想法吗? :)
ArbreMojo。
您只是更新变量值,因此它不会更新实际的元素内容。要使其工作,只需更新textContent
属性即可更新元素内容。
text = text.replace(/test/g, '');
linkElem.textContent = text;