0

На странице есть n количество уникальных элементов со значением 3 333. Необходимо заменить значение на произвольное, как это сделать ?

Пример:

document.addEventListener('DOMContentLoaded', function(){
    var source = document.body.innerHTML;
    var str_before = '−3 333';
    var str_after = '123';
    var changed = source.replace(str_before, str_after);
    console.log(changed);
});
<span class="1Jk62" data-qa-type="uikit">−3&nbsp;333<span class="2ldL6">,00</span></span>

4
  • твой код уже находит и меняет. Чем он тебя не устраивает?
    – Grundy
    11 авг 2020 в 9:42
  • @Grundy, он меняет только первый встречный. Я добавил ответ с регуляркой и без реализацию его метода 11 авг 2020 в 11:20
  • @AzizUmarov, менять innerHTML - у body не очень решение
    – Grundy
    11 авг 2020 в 11:36
  • @Grundy Я показал как применять 2 метода для замены строки, а innerHtml идет из задачи. А то что вообще откуда может возникнуть такая задача это к Автору. Лично для меня не понятны источники таких задач и тем более такое решение. 11 авг 2020 в 11:39

1 ответ 1

0

Способов несколько но можно и так.

document.addEventListener('DOMContentLoaded', function() {

  var source = document.body.innerHTML;
  var str_before = '−3&nbsp;333';
  var str_after = '123';
  var changed = source.split(str_before).join(str_after);
  //alert(changed);

  document.body.innerHTML = changed;
});
<h1>Hello World</h1>
<span class="1Jk62" data-qa-type="uikit">
−3&nbsp;333
<span class="2ldL6">,00</span>
</span>
<span class="1Jk62" data-qa-type="uikit">
−3&nbsp;333
<span class="2ldL6">,00</span>
</span>
<span class="1Jk62" data-qa-type="uikit">
−3&nbsp;333
<span class="2ldL6">,00</span>
</span>

или так

document.addEventListener('DOMContentLoaded', function() {
  var source = document.body.innerHTML;
  var str_before = /−3&nbsp;333/g;
  var str_after = '123';
  var changed = source.replace(str_before, str_after);
  // alert(changed);
  document.body.innerHTML = changed;
});
<h1>Hello World</h1>
<span class="1Jk62" data-qa-type="uikit">
−3&nbsp;333
<span class="2ldL6">,00</span>
</span>
<span class="1Jk62" data-qa-type="uikit">
−3&nbsp;333
<span class="2ldL6">,00</span>
</span>
<span class="1Jk62" data-qa-type="uikit">
−3&nbsp;333
<span class="2ldL6">,00</span>
</span>

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.