Javascript 使用JS更改签名

我想在可拖动滑块中替换“，”用于千人的标志“，”（引号）

我目前正在使用一个插件来呈现表（来自JSON文件），因此我无法更改HTML

我可以更改符号，事实上，在页面加载时，符号似乎是正确的，但当我拖动滑块时，分隔符再次变为逗号

我看到数据是从插件呈现的，在aria valuetext=“”属性中有一个逗号：

2290.00

我尝试使用此代码，但没有任何结果：

<script>
window.onload = function(){
    var div = document.querySelectorAll('.noUi-tooltip');

    div.forEach(function(r) {
        var text = r.textContent;
        var output = text.replace(/[,|]/g, "'");
        r.innerHTML = output;
    });

}       
</script>

window.onload=函数（）{
var div=document.querySelectorAll（“.noUi工具提示”）；
分区forEach（功能（r）{
var text=r.textContent；
var output=text.replace（/[，|]/g，“”）；
r、 innerHTML=输出；
});
}       

我写错了什么

---

我正在使用WordPress和wpdatatables插件。

我不确定您用于滑块的插件，但也许您现在可以尝试一下：

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.type == "attributes") {
      var parentEl = document.getElementsByClassName('noUi-handle-upper');
      var childEl = parentEl.childNodes[0];
      childEl.innerHTML = childEl.innerHTML.replace(',', '\'');
    }
  });
});

observer.observe(document.getElementsByClassName('noUi-handle-upper')[0], {
  attributes: true,
});

---

它使用的是

MutationObserver

，这是旧浏览器不支持的。您可以在上阅读更多信息。

我不确定您用于滑块的插件，但也许您现在可以尝试以下内容：

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.type == "attributes") {
      var parentEl = document.getElementsByClassName('noUi-handle-upper');
      var childEl = parentEl.childNodes[0];
      childEl.innerHTML = childEl.innerHTML.replace(',', '\'');
    }
  });
});

observer.observe(document.getElementsByClassName('noUi-handle-upper')[0], {
  attributes: true,
});

---

它使用的是

MutationObserver

，这是旧浏览器不支持的。您可以在。

上阅读有关它的更多信息，这是因为您在开始时（加载时）修改了字符串。 这就是为什么代码在开始时工作，但在以后不工作，因为它只运行一次，然后停止。 我不知道如何使用WordPress或sliders，但我建议您使用“on value changed”（打开值更改）命令，这样每次滑块的值更改时，文本都会更改为您想要的内容

---

我现在将发布此内容，但我将检查您的代码，并在稍后尝试使用更准确的信息更新此内容。

这是因为您刚开始（加载时）就修改了字符串。 这就是为什么代码在开始时工作，但在以后不工作，因为它只运行一次，然后停止。 我不知道如何使用WordPress或sliders，但我建议您使用“on value changed”（打开值更改）命令，这样每次滑块的值更改时，文本都会更改为您想要的内容

---

我现在将发布这篇文章，但我将检查您的代码，稍后将尝试使用更准确的信息更新此文章。

您是否尝试使用

console.log（）

查看

text

和

output

是否包含所需的值？拖动滑块时，插件的某些部分正在重新呈现它存储的值。您可能需要修改插件或在插件设置中找到一些东西（国际化？）来为您完成此操作。我不知道您可以控制滑块多少，但可以看一下帮助插件是什么？@HereticMonkey否JSON中的数据是这样格式化的：2120您尝试过使用

console.log（）吗

查看

文本

和

输出

是否包含所需的值？拖动滑块时，插件的某些部分正在重新呈现它存储的值。你可能需要修改插件或在插件设置（国际化？）中找到一些东西来为你做这件事。我不知道你能控制多少滑块，但也许可以看看帮助插件是什么？@HereticMonkey否JSON中的数据是这样格式化的：2120