使用javascript替换网页上的文本

Replace text on webpage using javascript

本文关键字:文本 网页 javascript 替换 使用      更新时间:2023-09-26

我正在尝试使用javascript替换网站页面上的一些文本。我必须使用javascript,因为替换取决于网站的分辨率。然而,我发现下面的代码不起作用。为什么?类似的东西在iphone上工作吗(这些javascript函数)?谢谢

<SCRIPT language="JavaScript">
<!--
if ((screen.width<=500))
{
   document.body.innerHTML = document.body.innerHTML.replace('text to replace', 'replacement');
}
//-->
</SCRIPT>

screen属性没有resize,因为它就像他们在工厂中构建的一样:)
你可能对window.innerWidth 感兴趣

你可能也对收听resize事件感兴趣,所以现在开始:

function doOnResize() {
    var winW = window.innerWidth;
    if(winW <= 500) {
       document.body.innerHTML = document.body.innerHTML.replace('text to replace', 'replacement');
    }
}
doOnResize();                                         // Do it as soon as you can
window.addEventListener("resize", doOnResize); // and on window resize

还要确保将上述<script>放置在关闭</body>标签之前。这将确保JS解析器在搜索和替换文本之前了解DOM内容。

您的代码不起作用,因为它是在DOM准备好之前执行的。

window.onload = function() { /* Your code here */ };

这将确保DOM已经准备好并且所有内容都已加载。

在触发文本更改的事件中,使用css和js(好吧,jquery可能是最好的)来更改元素的显示属性怎么样?