Как изменить текст на странице сайта при помощи java script?

Question

[tr1ck1]

Есть исходный код фрагмента. Как прописать в скрипте, чтобы изменять цифру 50 на любую другую?

<td>
                                                <div class="productAmount">
                                                    <div class="productCenter">
                            <span class="overallAmount">50 000,00 руб.</span>
                <br>
        </div>
                                                </div>
                                            </td>

Answer 1

[Павел Корнилов]

document.querySelector('.overallAmount').textContent = '100 000.00 руб.';

https://codepen.io/KorniloFF/pen/mvbgam

Comments

[tr1ck1]

Перед точкой класс span выходит?

[Павел Корнилов]

tr1ck1, любой селектор элемента, в котором нужно поменять текст динамически.

[tr1ck1]

Павел Корнилов, Я правильно понял, что я выделяю нужный элемент, нажимаю "исходный код выделенного фрагмента", его через ваш сайт конвертирую в JS, чтобы изменять на нужный текст/значение? Заношу в плагин и при обновлении страницы изменения остаются.

[Павел Корнилов]

tr1ck1, вот теперь я уже не понял. Я отвечал на исходный вопрос.

[tr1ck1]

Павел Корнилов, Хочу разобраться, как изменять текст на стороннем сайте. Грубо говоря, это фрагмент с сайта сбербанка (вклад). Я выделил сумму, посмотрел код данного элемента. Выходит, чтобы изменять его, нужно написать написанный вами JS-код? Или нужно еще что? Т.к. реакции никакой нет на такой js( сорри за такие глупые вопросы, профан.

[Павел Корнилов]

tr1ck1, о какой реакции речь? Мой код, выполненный из консоли броузера изменить содержимое DOM-узла с классом overallAmount любого сайта.
Результат вы увидите в броузере. Но что это вам даст, а точнее, что вы хотите при этом получить?

[tr1ck1]

Павел Корнилов, грубо говоря, изменить вот эту сумму с помощью Tampermonkey или др. плагина, куда записывается код JS

Вот, например, человек изменил кнопку:
https://habrastorage.org/webt/5c/44/8a/5c448a86aaa...

[Павел Корнилов]

Да запросто!

[tr1ck1]

Павел Корнилов, Это хорошо)) а в сбере как сумму суметь изменить? Выходит к вашему коду еще что-то добавить нужно?

[Павел Корнилов]

tr1ck1, да пофигу, какой сайт!
Можно выбрать редактируемый элемент в инспекторе, а в консоли уже использоать литерал $0 для обращения к нему. Это к примеру, чтобы не мучаться с классами.

[tr1ck1]

Павел Корнилов, Выходит этот класс нужен?

[tr1ck1]

Павел Корнилов, Я туплю сильно)) не понял, как без классов можно сделать. Ведь скрипт прописывает в плагине.

[Павел Корнилов]

tr1ck1, нет, судя по скрину - именно overallAmount.
Просто элементов с этим классом на странице может быть несколько, а скрипт берет только первый, исходя из вопроса.
Блин, сейчас напишу как циклом по всем пробежаться.

[Павел Корнилов]

https://codepen.io/KorniloFF/pen/mvbgam

[tr1ck1]

Павел Корнилов, Как раз-таки надо в одном поменять эл-те. Если вставляю написанный код вообще ничего не изменяется, вот что странно. Ни первый, ни последний.

[Павел Корнилов]

tr1ck1, быть такого не может. Уже пример на pen выложил - все работает, ошибок нет.
Ну, а если нужно в конкретном поменять, но не в первом, то нужно его номер вхождения вычислить.

[tr1ck1]

Павел Корнилов, Внутри я все изменил без проблем, а вот тут почему-то не выходит.

[Павел Корнилов]

Тут уже сложнее, если всё реально сделано правильно. Может, на сайте watcher какой висит, отслеживающий изменение значений и восстанавливающий дефолтные.

[tr1ck1]

Павел Корнилов, Не, я внутри все изменил без проблем:
document.querySelector('span.detailAmount').textContent = '100 000.00 руб.';
document.querySelector('td.align-right').textContent = '100 000.00 руб.';
document.querySelector('td.listItem').textContent = '07.01';

А вот на главной что-то не выходит.

[tr1ck1]

Павел Корнилов,

[Павел Корнилов]

tr1ck1, должно получиться, если значения динамически не корректируются, как я написал выше.

[tr1ck1]

Павел Корнилов, А можете удаленно через TW посмотреть? Если нужно, заплачу символически сколько-нибудь) Буду очень признателен.

[Павел Корнилов]

tr1ck1, не, я ухожу уже.

[tr1ck1]

Павел Корнилов, как придете?

[Павел Корнилов]

tr1ck1, это не раньше завтра.

[tr1ck1]

Павел Корнилов, давайте завтра, если не разберусь. У меня предположение, что не изменяет, т.к. вкладов 3 шт и нужно указать конкретный, чтобы были изменения. Внутри же все в норме.

[tr1ck1]

Павел Корнилов, Привет! Сможете посмотреть удаленно через Тим Вивер?

[Павел Корнилов]

tr1ck1, привет! Опять, к сожалению, не вовремя.
Напишите через обратную связь, там договоримся о времени.