1

Тема: Не можу змінити CSS властивість border в Chrome, Firefox

Є отакий JS код:

window.onload = function() {
//всі елементи div на сторінці
  var divs = document.getElementsByTagName('div')
//рядок починається з ymaps, далі може бути будь-яка к-ть чисел
  var patternToSearchYmapsId = /^ymaps\d+/
  for (var div in divs){
    if (patternToSearchYmapsId.test(divs[div].id)){
      var map = divs[div]
//зберегти в змінну вміст атрибуту style
      var style = map.getAttribute('style')
//додати нове правило до вже існуючих, перевизначити змінну style
      style = style + "border:15 solid #B99F8C;"
//ніфіга. Якщо заглянути в код сторінки, то там немає "border:15 solid #B99F8C;". Є тільки те що визначено в HTML
      map.style = style
//Та ж ситуація 
      map.style.border = "15 solid #B99F8C"
    }
  }
}

Пробував в Firefox  — не працює. Працює в Opera, Konqueror.Чому так?! Камрад пише, що

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


01:11:56 AM
в хроме

2

Re: Не можу змінити CSS властивість border в Chrome, Firefox

Юзайте setAttribute
http://www.w3schools.com/jsref/met_elem … ribute.asp

про російський комент не зрозумів?

3

Re: Не можу змінити CSS властивість border в Chrome, Firefox

А jQuery не дозволяється? Там код буде і коротшим, і кросбраузернішим.

4 Востаннє редагувалося Invader (03.04.2013 10:21:21)

Re: Не можу змінити CSS властивість border в Chrome, Firefox

Якщо з setAttribute, то в Chrome  відображається. А от в Firefox, ні. Можна і з jQuery, але чому так не виходить?

5

Re: Не можу змінити CSS властивість border в Chrome, Firefox

Можна і з jQuery, але чому так не виходить?

Ви візуально бачите зміни на сторінці чи ні? Так як в HTML коді сторінки у вас зміненого стилю не має бути. Тільки через фаєрбаг або інші девелоперський інструменти можна побачити.

6 Востаннє редагувалося Invader (03.04.2013 10:37:53)

Re: Не можу змінити CSS властивість border в Chrome, Firefox

Візуально ні. А от в інспекторі є зміни в HTML. У Firefox правила для border аж два. Якщо видалити код, який відповідає за зміну стилю, то відповідно, на сторінці нічого не змінюється. Помилок в консолі немає.

7

Re: Не можу змінити CSS властивість border в Chrome, Firefox

задавайте таким правилом:

border:15px solid #B99F8C;
Подякували: Invader1

8

Re: Не можу змінити CSS властивість border в Chrome, Firefox

Допомгло!