Javascript：替换元素中的文本

我已经在javascript过程上工作了一段时间，但我真的不知道如何做到这一点。我知道如何基本上告诉javascript为特定ID设置特定值。但我的问题是： 我想编写javascript来读取信息（基于服务器，但我会自己做），将其设置为var，然后将其写入文本。最后应该是这样的：

在编写之前（不使用Javascript）：

欢迎您，%Name%！您希望做什么？

编写后（使用Javascript）：

欢迎您，约翰·康纳！您希望做什么？

所以基本上我想到的是，JS从服务器读取信息，然后找到h1 ID，在文本中搜索%Name%值，并用找到的名称替换它

请帮帮我，谢谢

致意 Kodaigan

如果使用jQuery：

$('#name').html(function(index, html){
    return html.replace('%Name%', yourVariable);
});

纯javascript：

document.getElementById('name').innerHTML = document.getElementById('name').innerHTML.replace('%Name%','John');

这将替换

h1

元素中的给定字符串。

如果使用jQuery：

$('#name').html(function(index, html){
    return html.replace('%Name%', yourVariable);
});

纯javascript：

document.getElementById('name').innerHTML = document.getElementById('name').innerHTML.replace('%Name%','John');

这将替换

h1

元素中的给定字符串。

如果使用jQuery：

$('#name').html(function(index, html){
    return html.replace('%Name%', yourVariable);
});

纯javascript：

document.getElementById('name').innerHTML = document.getElementById('name').innerHTML.replace('%Name%','John');

这将替换

h1

元素中的给定字符串。

如果使用jQuery：

$('#name').html(function(index, html){
    return html.replace('%Name%', yourVariable);
});

纯javascript：

document.getElementById('name').innerHTML = document.getElementById('name').innerHTML.replace('%Name%','John');

---

这将替换

h1

元素中的给定字符串。

如果您有许多参数，最好使用js库中的一个，并使用模板。我更喜欢使用下划线。 . 您还可以在youe模板中使用if语句

---

如果您有许多参数，最好使用js库中的一个作为模板。我更喜欢使用下划线。 . 您还可以在youe模板中使用if语句

---

如果您有许多参数，最好使用js库中的一个作为模板。我更喜欢使用下划线。 . 您还可以在youe模板中使用if语句

---

如果您有许多参数，最好使用js库中的一个作为模板。我更喜欢使用下划线。 . 您还可以在youe模板中使用if语句

---

---

看看这个，可能是你需要的。那么问题是什么？你试过什么？在我看来，你想让你的问题更清楚，以便理解。我尝试了很多方法，但到目前为止，我唯一能做的是完全编辑h1，我只想编辑一个特定的部分。从8月5日起，我一直在寻找解决方案。（哈哈）我如何告诉javascript只通过变量编辑h1的特定部分？您的要求有点不清楚。。您在这里引用的键值对列表是否来自服务器端？？？看看这个，可能是你需要的。那么问题是什么？你试过什么？在我看来，你想让你的问题更清楚，以便理解。我尝试了很多方法，但到目前为止，我唯一能做的是完全编辑h1，我只想编辑一个特定的部分。从8月5日起，我一直在寻找解决方案。（哈哈）我如何告诉javascript只通过变量编辑h1的特定部分？您的要求有点不清楚。。您在这里引用的键值对列表是否来自服务器端？？？看看这个，可能是你需要的。那么问题是什么？你试过什么？在我看来，你想让你的问题更清楚，以便理解。我尝试了很多方法，但到目前为止，我唯一能做的是完全编辑h1，我只想编辑一个特定的部分。从8月5日起，我一直在寻找解决方案。（哈哈）我如何告诉javascript只通过变量编辑h1的特定部分？您的要求有点不清楚。。您在这里引用的键值对列表是否来自服务器端？？？看看这个，可能是你需要的。那么问题是什么？你试过什么？在我看来，你想让你的问题更清楚，以便理解。我尝试了很多方法，但到目前为止，我唯一能做的是完全编辑h1，我只想编辑一个特定的部分。从8月5日起，我一直在寻找解决方案。（哈哈）我如何告诉javascript只通过变量编辑h1的特定部分？您的要求有点不清楚。。你在这里引用的键值对列表是否来自服务器端？？？我喜欢你的建议，但我不能让它工作。我知道我做错了什么。介意帮我吗@我根据你的代码创建了Kodaigan支票小提琴。如果你仍然面临问题，请告诉我。另外，如果你展示你的代码会更好。这个变量。我想我也可以在里面放一个变量。无论如何，谢谢你！这帮了大忙！：）嘿，Shambhavi，出了点问题。在我的测试HTML中，一切都很顺利。但当我尝试在实际的html中实现时，它并没有改变任何东西。（由于您要求提供完整的代码，。由于存在外部css，结果看起来有点混乱。@Kodaigan我已经编辑了我的答案。看起来您没有使用jQuery，请参考第二个选项。如果它不起作用，请告诉我。此外，我建议您使用。我喜欢您的建议，但我无法使其起作用。我知道我做错了什么。请注意他我在这里吗？@Kodaigan Check fiddle是我根据你的代码创建的。如果你仍然面临问题，请告诉我。另外，如果你显示你的代码会更好。哦，那个变量。我想我也可以在那里放一个设置变量。无论如何，谢谢你！它帮助了很多！：）嘿，Shambhavi，出了点问题。在我的测试HTML中，一切都很顺利。但当我尝试在实际的html中实现时，它并没有改变任何东西。（由于您要求提供完整的代码，。由于存在外部css，结果看起来有点混乱。@Kodaigan我已经编辑了我的答案。看起来您没有使用jQuery，请参考第二个选项。如果它不起作用，请告诉我。此外，我建议您使用。我喜欢您的建议，但我无法使其起作用。我知道我做错了什么。请注意他lping