如何使用javascript或任何其他限定语言替换特定元素中的文本

How to replace text inside specific elements using javascript or any other qualified language?

本文关键字：替换 元素 文本 语言 javascript 任何 其他 何使用      更新时间：2023-09-26

我有这个HTML块(我不想更改代码(：

<section class="welcome-block-top">
                <div class="inside">
                    <h2>Start a good life</h2>
                    <label>text to replace 1</label> 
                    <a href="" class="link-a">
                        some text i do not want to replace</a>
                </div>
            </section>

我想替换文本"文本替换 1">

我还想在这里替换文本：

        <h3>
            <span>
            text to replace 2                   </span>
        </h3>

请教我大师，我搜索了谷歌和堆栈溢出，我似乎没有得到适合我的情况的东西。

最好使用 onload js 方法，因为网页是动态加载的。

如果您知道使用任何其他语言执行此操作的更好方法，请随时通知我。

如果有一种方法可以清除元素中的文本，然后插入新文本，我将不胜感激。

您可以使用 JQuery，它可以轻松更改标签的内容。 

oldContent = $("div.inside label:first").html();
$("div.inside label:first").html("put your desired content here");

测量在具有类inside div标签中找到first label标签，并使用参数更改其html内容。

编辑：

您当然可以保存旧内容并使用它。

$("div.inside label:first").html(oldContent + " new content");

或

$("div.inside label:first").append(" new content");

这取决于您的实际用例，但可能是这样的：

$('*:not(:has(*))').text(function(_,t){
  return t.replace("text to replace 1", "replacement")
});

这里的主要思想是对所有没有子元素(DOM 树中的叶子(的文本应用转换。

如果您有更复杂的需求或性能要求，您可能需要查看专用库，例如我的： https://github.com/Canop/groumf

相关文章：