изменить содержимое тега на определенной странице в Google Chrome

349
27 ноября 2017, 20:38

Как изменить на определенной странице нужно изменить содержимое тега, вот этого! table class="table term-marks" Есть вот такой код, но он работает на всю страницу!

var elements = document.getElementsByTagName('*');
for (var i = 0; i < elements.length; i++) {
    var element = elements[i];
    for (var j = 0; j < element.childNodes.length; j++) {
        var node = element.childNodes[j];
        if (node.nodeType === 3) {
            var text = node.nodeValue;
            var replacedText = text.replace(/2/gi, '4');

            if (replacedText !== text) {
                element.replaceChild(document.createTextNode(replacedText), node);
            }
        }
    }
}
Answer 1

Используем:

  • querySelectorAll - поиск элементов по CSS-выражению (. - класс, для поиска с несколькими классами одновременно, соединяем их без пробела: .classNameOne.classNameTwo).
  • ... - распределяем найденное в массив и проходим циклом по найденному.
  • includes - поиск подстроки (как indexOf, только удобнее в определённых случаях).

Вот пример:

[...document.querySelectorAll('.some.thing')].forEach(n => { 
  let value = n.innerHTML; 
   
  if(value.trim().includes('ещё'))  // Если в ноде есть нужный текст 
    n.innerHTML = value + ' (!!!)'; // Делаем своих грязные или не очень делишки! 
});
.some{ 
  color: lightblue; 
} 
.thing{ 
  background: lightyellow; 
}
<div>Это <span class='some thing'>выделенное</span> слово и <span class='some thing'>ещё</span> одно!</div>

READ ALSO
Проблемы с копированием текста из VK

Проблемы с копированием текста из VK

При копировании текста из вк сохраняются все тэгиНаписал скрипт, который удаляет все тэги, но текст вставляется 2 раза

309
Перенос строки в JSON

Перенос строки в JSON

Не смог найти ответ на вопрос как перенести строку в файле JSON для увеличения читабельности и вообще удобства, записывать в одну строку длинное...

1804
Метод split не находит пробел в списке

Метод split не находит пробел в списке

В объекте есть свойство className, которое содержит список «классов» – слов, разделенных пробеломСоздайте функцию addClass(obj, cls), которая добавляет...

396
Регулярное выражение, убрать пробелы

Регулярное выражение, убрать пробелы

Вот таким регулярным выражением удаляю все символы кроме цифр в строке

349