Javascript 是否可以只编辑元素内部的文本内容或HTML的一部分?

Javascript 是否可以只编辑元素内部的文本内容或HTML的一部分?,javascript,Javascript,下面的代码通过重写整行文本来正确更改HTML元素内部的文本。这是通过使用textContent实现的,但是innerHTML也可以做到这一点 document.querySelectorAll(.box”)[0].textContent='我的银行账户中的美元数是$1' 正文{ 保证金:0; 填充:0; } .盒子{ 填充:10px; 字号:2rem; 颜色:白色; 字体系列:无衬线; 背景颜色:蓝色; } 我银行账户中的美元数是多少?更好的方法是将HTML更改为 <div class=

下面的代码通过重写整行文本来正确更改HTML元素内部的文本。这是通过使用
textContent
实现的,但是
innerHTML
也可以做到这一点

document.querySelectorAll(.box”)[0].textContent='我的银行账户中的美元数是$1'
正文{
保证金:0;
填充:0;
}
.盒子{
填充:10px;
字号:2rem;
颜色:白色;
字体系列:无衬线;
背景颜色:蓝色;
}

我银行账户中的美元数是多少?
更好的方法是将HTML更改为

<div class="box">The number of dollars in my bank account is <span id='amount'></span>.</div>
因此,您的网站显示:

我银行账户上的美元数是5美元


如果您想坚持您的方法,唯一的方法是将整个内容保存到一个字符串中,然后通过子字符串、过滤器或正则表达式对其执行一些搜索。然后替换所需的元素并将字符串放回HTML中。

更好的方法是将HTML更改为

<div class="box">The number of dollars in my bank account is <span id='amount'></span>.</div>
因此,您的网站显示:

我银行账户上的美元数是5美元


如果您想坚持您的方法,唯一的方法是将整个内容保存到一个字符串中,然后通过子字符串、过滤器或正则表达式对其执行一些搜索。然后替换所需的元素并将字符串放回HTML中。

使用嵌套的span标记显示美元金额。然后只需更新跨度的文本。当你需要完整的句子时,你可以访问div.box的文本内容。它返回连接的所有嵌套元素的文本内容。

使用嵌套的span标记显示美元金额。然后只需更新跨度的文本。当你需要完整的句子时,你可以访问div.box的文本内容。它返回连接的所有嵌套元素的文本内容。

Umm。。。好了,除了你可以使用正则表达式之外,没有什么是这样的。@PraveenKumar因为正则表达式和HTML是:那么为什么不使用呢?嗯。。。好了,除了你可以使用正则表达式之外,没有什么是这样的。@PraveenKumar因为正则表达式和HTML是:pwhy not use then?你的解决方案完美地解决了我测试程序中的问题。谢谢然而,我实际上正在做的项目是一个文本格式化程序。它可以根据用户键入的内容实时格式化文本输入。我读取
输入
框中的值,格式化该值,然后用新格式化的值覆盖
输入
框中的旧值。这在技术上是可行的,但我希望有更好的方法。但仅仅知道没有更好的方法是一个巨大的飞跃。至少我知道我在正确的轨道上。谢谢正如我所说,唯一的其他方法是手动读取字符串中输入的值,以任何方式处理它,然后在完成后将其放回。是的,这就是我现在正在做的。谢谢你帮我缩小范围!你的解决方案完美地解决了我测试程序中的问题。谢谢然而,我实际上正在做的项目是一个文本格式化程序。它可以根据用户键入的内容实时格式化文本输入。我读取
输入
框中的值,格式化该值,然后用新格式化的值覆盖
输入
框中的旧值。这在技术上是可行的,但我希望有更好的方法。但仅仅知道没有更好的方法是一个巨大的飞跃。至少我知道我在正确的轨道上。谢谢正如我所说,唯一的其他方法是手动读取字符串中输入的值,以任何方式处理它,然后在完成后将其放回。是的,这就是我现在正在做的。谢谢你帮我缩小范围!