javascript - 如何使用 javascript 或任何其他合格的语言替换特定元素内的文本？

Question

我有这个 HTML block (我不想更改代码):

<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>

请大师教我，我搜索了 Google 和 stack-overflow，但似乎没有找到适合我情况的东西。

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

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

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

Answer 1

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

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

意思是在具有inside类的div标签中找到firstlabel标签并更改其 html 内容带有参数。

编辑:

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

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

或

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