Задать свойство стиля через javascript. Вопрос

22

hasimyra

7 июля 2009, 19:11

5658

В скрипте возникла необходимость на лету менять свойства элемента. Работает, но не во всех браузерах.

Подскажите как правильно задать свойство background и background-position

Вот если задаю так:

mItems[was].getElementsByTagName('span')[0].style.background="url(http://site.com/images/men_r.gif) no-repeat right top; background-position:100% -24px";

то работает только в ИЕ, а в остальных не хочет..

D8

74

dm8

7 июля 2009, 19:44

#1

hasimyra:

mItems[was]

Давно не писал на javascript, и возможно отстал от жизни, но по-моему проблема в этом.

H

22

hasimyra

7 июля 2009, 19:48

#2

да вроде нет...

var mItems=document.getElementById('hor_menu').getElementsByTagName('li');

alert(mItems.length); - показывает число к-во li

D

7

drisch

7 июля 2009, 21:42

#3

Подозреваю, что не стоит перечислять несколько CSS свойств через ;

http://www.w3schools.com/htmldom/prop_style_background.asp

Попробуйте:

mItems[was].getElementsByTagName('span')[0].style.background="url(http://site.com/images/men_r.gif) no-repeat 100% -24px";

F4

31

FILA44

8 июля 2009, 02:32

#4

А если прописать два класса, допустим .back1{} и .back2{} и менять не свойство style, а className ?

65

dvaes

8 июля 2009, 02:33

#5

попробуйте юзать свойства отдельно. т.е.

style.backgroundImage

style.backgroundRepeat

style.backgroundPosition

...

102

Bdiang

8 июля 2009, 06:55

#6

Либо так

element.setAttribute( 'style', 'background:url(http://site.com/images/men_r.gif) no-repeat right top; background-position:100% -24px' );

Либо отдельно каждое свойство прописывать:

element.style.background = '';
element.style.backgroundPosition = '';
и т.д.

[Удален]

8 июля 2009, 07:21

#7

drisch:
Подозреваю, что не стоит перечислять несколько CSS свойств через ;
http://www.w3schools.com/htmldom/prop_style_background.asp
Попробуйте:
mItems[was].getElementsByTagName('span')[0].style.background="url(http://site.com/images/men_r.gif) no-repeat 100% -24px";

Да, вот это верное решение.

По отдельности не обязательно.

209

Ayavryk

8 июля 2009, 08:01

#8

Плохо это использовать style, там где для этого придуман class.

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/

C

7

creker

8 июля 2009, 09:02

#9

для таких целей лучше пользоваться библиотекой jquery. работает отлично и везде

$("#block").css('color','003333');

мир вам и счастье

225

ewg777

8 июля 2009, 09:03

#10

creker:
для таких целей лучше пользоваться библиотекой jquery. работает отлично и везде
$("#block").css('color','003333');

Для такой цели не рационально грузить 50 кб кода.

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта

Open AI тестирует память для ChatGPT