Поменять данные у элемента из браузерной строки

@zontik24 · Регистрация: 14.06.2013

Author24 — интернет-сервис помощи студентам

Нужно из браузерной строки поменять данные на сайте

Допустим, есть на сайте

HTML5

1	<div class="data">data</div>

Из браузерной строки пишу:

Javascript

1	javascript: void(document.getElementsByClassName('data').innerHTML = 'data new')

не исполняется
Изменял цвет:

Javascript

1	javascript: void(document.getElementsByClassName('data').style.background = 'red')

Но также js не исполняется

@buxtom · 02.08.2015, 20:00

Не смущает в названии метода подстрока: "getElements"? Она как бы намекает, что возвращается не один элемент, а объект подобный массиву. Соответственно, такое обращение: .style не покатит.

@zontik24 · 02.08.2015, 20:10 **[ТС]**

через querySelector тоже нет

@XRoy · 02.08.2015, 21:02

zontik24,
У массива объектов нет свойства style, вам надо перебрать каждый элемент и установить для него style

@zontik24 · 02.08.2015, 21:19 **[ТС]**

Я понял, спасибо, но querySelector рассматривает первый элемент, который попадется, но он тоже не работает

@BANO · 03.08.2015, 11:50

zontik24, это будет примерно так

Javascript

1	javascript: void(document.getElementsByClassName('data')[1/для примера взял ВТОРОЙ элемент, у которого есть класс data/].innerHTML = 'data new')

Новые блоги и статьи
Интеграция Arduino и ChatGPT: Практическое руководство InfoMaster 16.01.2025 В современную эпоху технологических инноваций интеграция искусственного интеллекта с микроконтроллерами открывает принципиально новые возможности для создания умных устройств и автоматизированных. . .	Как создать робота, управляемого ChatGPT InfoMaster 16.01.2025 Концепция проекта В современную эпоху искусственный интеллект и робототехника становятся все более доступными для энтузиастов и разработчиков. Создание роботизированной руки, управляемой ChatGPT,. . .	Как создать ChatGPT бота в Telegram на Python InfoMaster 16.01.2025 В современном мире технологии искусственного интеллекта становятся все более доступными для разработчиков, открывая новые возможности для создания умных и интерактивных приложений. Одним из самых. . .	Машинное обучение с помощью Python InfoMaster 16.01.2025 Машинное обучение стало неотъемлемой частью современных технологий, позволяя компьютерам учиться на основе данных и принимать решения без явного программирования. В сочетании с языком. . .	Использование связки C# и PHP в корпоративной разработке и микросервисной архитектуре InfoMaster 16.01.2025 Введение в интеграцию C# и PHP В современной корпоративной разработке все чаще возникает потребность в создании гибких и масштабируемых решений, способных эффективно решать широкий спектр. . .	Как использовать Kerio дома для управления сетью и пользователями InfoMaster 16.01.2025 Использование технологий для улучшения повседневной жизни стало неотъемлемой частью современного быта. Одной из таких технологий является Kerio — мощный инструмент для управления сетью и. . .
Есть ли будущее у DVD и Blu-ray? InfoMaster 16.01.2025 В эпоху стремительного развития цифровых технологий и повсеместного распространения потоковых сервисов вопрос о будущем физических носителей информации становится все более актуальным. Особенно остро. . .	Как проводить научные вычисления на Python InfoMaster 15.01.2025 Python стал одним из наиболее востребованных языков программирования в области научных вычислений благодаря своей простоте, гибкости и обширной экосистеме специализированных библиотек. Научные. . .	Создание игры типа Minecraft на PyGame/Python: пошаговое руководство InfoMaster 15.01.2025 В данном руководстве мы рассмотрим процесс создания игры в стиле Minecraft с использованием библиотеки PyGame на языке программирования Python. Этот проект идеально подходит как для начинающих. . .	Как создать свою первую игру в стиле Doom на Unreal Engine InfoMaster 15.01.2025 Разработка шутера от первого лица в стиле классического Doom представляет собой увлекательное путешествие в мир игрового программирования, где сочетаются творческий подход и технические навыки. . . .	Параллельное программирование: основные технологии и принципы InfoMaster 15.01.2025 Введение в параллельное программирование Параллельное программирование представляет собой фундаментальный подход к разработке программного обеспечения, который позволяет одновременно выполнять. . .	Как написать микросервис на C# с Kafka, MediatR, Redis и GitLab CI/CD InfoMaster 15.01.2025 В современной разработке программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот подход позволяет разделить сложную систему. . .

@buxtom -13 / 16 / 8 Регистрация: 20.04.2015 Сообщений: 62
	02.08.2015, 20:00	2
	Не смущает в названии метода подстрока: "getElements"? Она как бы намекает, что возвращается не один элемент, а объект подобный массиву. Соответственно, такое обращение: .style не покатит. 0

@zontik24 36 / 33 / 10 Регистрация: 14.06.2013 Сообщений: 432
	02.08.2015, 20:10 [ТС]	3
	через querySelector тоже нет 0

@XRoy 870 / 720 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	02.08.2015, 21:02	4
	zontik24, У массива объектов нет свойства style, вам надо перебрать каждый элемент и установить для него style 0

@zontik24 36 / 33 / 10 Регистрация: 14.06.2013 Сообщений: 432
	02.08.2015, 21:19 [ТС]	5
	Я понял, спасибо, но querySelector рассматривает первый элемент, который попадется, но он тоже не работает 0

	03.08.2015, 11:50

Опции темы