Блог

Это кажется таким простым, но оно не работает (не определено).

Я установил переменную <ul> , которая является дочерним элементом <div> элемента «feature_tabs_indicators». Функция pBoxShadowProperty получает свойство boxShadow, поддерживаемое текущим браузером.

И последний оператор просто устанавливает свойство pBoxShadowProperty равным 0, то есть переопределяет свойство CSS set Box-Shadow .

Может кто-нибудь, пожалуйста, объяснить, что я делаю не так здесь, в последнем утверждении?

Лучшие,

 var iActiveNo = 0;
var eTabInd = document.getElementById ("feature_tabs_indicators").children[0];
var pBoxShadowProperty = getSupportedCSSproperty(["boxShadow", "mozBoxShadow", "webkitBoxShadow"]);

function getSupportedCSSproperty (propertyArray)
{
    var root = document.documentElement;
    for (var i = 0; i < propertyArray.length; i  )
    {
        if (typeof root.style[propertyArray[i]] === "string")
        {
            return propertyArray[i];
        }
    }
}

iActiveNo = iActiveNo   1;
eTabInd.children[iActiveNo - 1].style[pBoxShadowProperty] = "";
  

Вот jsfiddle, нажмите светло-зеленую кнопку «rght» в правом верхнем углу.

Я думаю, я понял, в чем ваша проблема. Вы используете здесь:

 iActiveNo = iActiveNo   1;
  

что-то, что не было определено в вашем опубликованном коде. Однако у вас есть:

 var iActive = 0;
  

что, я думаю, на самом деле должно было быть:

 var iActiveNo = 0;
  

в противном случае в вашем коде есть ошибка JS (во всяком случае, в том виде, в котором она опубликована).

Кроме этого (то есть, если вы намеревались удалить 1-й <li> элемент из <ul> элемента и удалить его box-shadow свойство CSS) — ваш код просто прекрасен.

Редактировать

Чувак, какой беспорядок .. 🙂 Вот JSFiddle, который я немного исправил. Ниже приводится объяснение.

В этом JSFiddle происходит несколько вещей, которые следует исправить, прежде чем мы перейдем к реальной проблеме.

У вас есть ошибки в этой скрипке — см. Консоль. Строка:

 var pBackgroundColorProperty = eStyle.backgroundColor //[pBoxShadowProperty];
  

не заканчивается точкой с запятой, а затем интерпретируется как функция из-за (..) в следующей строке (я думаю) — что (по крайней мере, для меня) приводит к ошибке в консоли JS. Если добавлена точка с запятой — ошибка исчезла.

Дополнительно… Есть строка:

console.log (eTabInd.children[iActiveNo-1].style.pBoxShadowProperty);

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

 console.log (eTabInd.children[iActiveNo-1].style[pBoxShadowProperty]);
  

который затем печатает пустую строку.

Более того, при печати ваша pBoxShadowProperty переменная содержит boxShadow строку. Что, конечно, не является допустимым свойством CSS, с которым я знаком. Итак, это:

 eTabInd.children[iActiveNo - 1].style[pBoxShadowProperty] = "";
  

ничего не сделает.

Теперь перейдем к сути проблемы…

 eTabInd.children[iActiveNo-1].style
  

для начала у него нет свойства box-shadow, потому что вы не поместили его в style атрибут <li> элемента. Оно помещается в <li> элемент благодаря достоинствам этой последовательности CSS-селекторов: #feature_tabs_indicators ul #ind_bt .

Теперь, поскольку вы хотели style атрибут — вы не получите вычисляемый стиль, к которому применяется приведенная выше последовательность CSS-селекторов. Таким образом, вы не сможете его удалить.

Что вы могли бы сделать, так это создать другой класс, у которого нет box-shadow свойства, и заменить им свой оригинал c_ind .

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

 eTabInd.children[iActiveNo - 1].style.pBoxShadowProperty = "";
  

Доза, которая помогает или доза все равно возвращает 0?