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

Question

tr1ck1 @tr1ck1

JavaScript

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

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

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

Вопрос задан более трёх лет назад
3351 просмотр

Комментировать

Подписаться 1 Средний Комментировать

Решения вопроса 1

28 комментариев

tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

Да запросто!

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

snippet

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
tr1ck1 @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 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
tr1ck1 @tr1ck1 Автор вопроса

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

Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

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

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 33 минуты назад
- 9 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как решить проблему с логикой валидации после перезагрузки страницы в Vue.js?
- 1 подписчик
- час назад
- 18 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- 22 часа назад
- 92 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- вчера
- 107 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 80 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- вчера
- 38 просмотров
1

ответ
JavaScript

Простой
Почему в букмарклете должным образом не выполняется Alt + Click?
- 1 подписчик
- вчера
- 46 просмотров
1

ответ
JavaScript

Средний
Как создать кроссбраузерный функиональный плеер?
- 1 подписчик
- вчера
- 66 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Почему функция mnemonicToWalletKey из библиотеки тон генерирует неверный адрес кошелька?
- 1 подписчик
- вчера
- 50 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как передавать данные гугл таблицы в телеграм при добавлении новой записи?
- 1 подписчик
- вчера
- 64 просмотра
1

ответ
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

Мэтч

от 80 000 ₽

Создать логотип

19 апр. 2024, в 14:10

500 руб./за проект

Разработка дизайна мобильного приложения которое управляет вентиляцией

19 апр. 2024, в 14:01

70000 руб./за проект

Софт на js

19 апр. 2024, в 13:31

10000 руб./за проект

Answer 1 · 2019-01-21 21:13:27

Павел Корнилов @KorniloFF Куратор тега JavaScript

Работаю по font-end / JS

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

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

Ответ написан более трёх лет назад

28 комментариев

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт