Изменение цвета hr(горизонтально линии) с помощью js - JavaScript, Ajax

Данилыч · 25.09.2019, 15:14

Здравствуйте. Помогите пожалуйста не могу изменить цвет горизонтальной линии с помощью js

Код:

document.getElementById('myhr').style.backgroundColor = '#000';

не работает, хотя с помощью css

Код:

background-color: #000

получается, а также с помощью js получается изменить цвет фона любого другого объекта но не hr помогите уже весь интернет перерыл ничего не получается.
Ну сами проверьте именно цвет hr не получается менять с помощью document.getElementById тогда какой функцией это можно сделать?

Serge_Bliznykov · 25.09.2019, 15:31

Цитата:

Сообщение от Данилыч

получается, а также с помощью js получается изменить цвет фона любого другого объекта

уверены, что у вашей линии именно ID = "hr" ?

p51x · 25.09.2019, 15:32

Уверен, что он про тег.

А название функции не прочитал, а просто скопипастил.

Данилыч · 25.09.2019, 15:35

Цитата:

уверены, что у вашей линии именно ID = "hr" ?

Да конечно с помощью того же css по этому же id цвет изменить получается а с помощью js нет

Данилыч · 25.09.2019, 15:36

Цитата:

Уверен, что он про тег. А название функции не прочитал, а просто скопипастил.

Нет я не настолько глуп я изменяю именно по id тем более что стили других обьектов у меня же как то получается менять с помощью js

Serge_Bliznykov · 25.09.2019, 16:05

Цитата:

Сообщение от Данилыч

не работает, хотя с помощью css

Код:

background-color: #000

получается

простите, у меня через CSS не получается.

Код:

<!DOCTYPE html>
<html>
<head>
<style>
hr {
  background-color: red;
}
</style>
</head>
<body>
<div>Trata ta</div>
<hr>
<div>Bla la la</div>
</body>
</html>

что я делаю не так?

phisic93 · 25.09.2019, 16:13

у тега <hr> есть свойство color, его и меняй... правда, getElementById тебе вряд ли поможет, учитывая, что ты обращаешься напрямую к тегу :-)

попробуй getElementsByTagName, но..

поэтому <hr id='hr'> должно спасти ситуацию)

phisic93 · 25.09.2019, 16:14

а ты попробуй:

Код:

hr {
  color: #f00;
}

Данилыч · 25.09.2019, 16:21

Цитата:

Сообщение от phisic93

у тега <hr> есть свойство color, его и меняй... правда, getElementById тебе вряд ли поможет, учитывая, что ты обращаешься напрямую к тегу :-)

попробуй getElementsByTagName, но..

поэтому <hr id='hr'> должно спасти ситуацию)

ДА НЕ ОБРАЩАЮСЬ Я К ТЭГУ Я ПРО id hr ВООБЩЕ УСЛОВНО НАПИСАЛ ОБРАЩЫЮСЬ Я ИМЕННО К ID

Код:

<hr class="hr" id="hr_4">

js -

Код:

document.getElementById('hr_4').style.backgroundColor = '#000';

Serge_Bliznykov · 25.09.2019, 16:30

Цитата:

Сообщение от Данилыч

ООБЩЕ УСЛОВНО НАПИСАЛ ОБРАЩЫЮСЬ Я ИМЕННО К ID

без примера разметки в пост #1 это было не понятно.
Хорошо.

Тогда объясните, почему у меня ваше "background-color" не работает даже через CSS ?
Может быть, проблема как раз в этом?

25.09.2019, 16:14	#8
phisic93 Пользователь Регистрация: 07.02.2014 Сообщений: 11	а ты попробуй: Код: `hr { color: #f00; }`

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
TChart изменение типа линии	_andre_	C++ Builder	0	08.03.2017 17:31
присвоение линии определенного цвета	Mehanizator	Помощь студентам	2	19.08.2011 09:43
Изменение стиля линии графика!	4ika	Общие вопросы C/C++	2	04.05.2010 21:37
Изменение стиля линии графика!	4ika	Общие вопросы C/C++	0	04.05.2010 20:16
Определение цвета линии на рисунке	PAVEL315	Общие вопросы Delphi	3	27.12.2009 20:34

25.09.2019, 15:14	#1
Данилыч Регистрация: 25.09.2019 Сообщений: 8	Изменение цвета hr(горизонтально линии) с помощью js Здравствуйте. Помогите пожалуйста не могу изменить цвет горизонтальной линии с помощью js Код: `document.getElementById('myhr').style.backgroundColor = '#000';` не работает, хотя с помощью css Код: `background-color: #000` получается, а также с помощью js получается изменить цвет фона любого другого объекта но не hr помогите уже весь интернет перерыл ничего не получается. Ну сами проверьте именно цвет hr не получается менять с помощью document.getElementById тогда какой функцией это можно сделать? Последний раз редактировалось Данилыч; 25.09.2019 в 16:20.

25.09.2019, 15:32	#3
p51x Старожил Регистрация: 15.02.2010 Сообщений: 15,833	Уверен, что он про тег. А название функции не прочитал, а просто скопипастил.

25.09.2019, 16:13	#7
phisic93 Пользователь Регистрация: 07.02.2014 Сообщений: 11	у тега <hr> есть свойство color, его и меняй... правда, getElementById тебе вряд ли поможет, учитывая, что ты обращаешься напрямую к тегу :-) попробуй getElementsByTagName, но.. поэтому <hr id='hr'> должно спасти ситуацию)