Мое исследование базового HTML-элемента DOM говорит следующее о "стиле" любого элемента DOM. " имущество (из http://www.w3schools.com/jsref/dom_obj_all.asp):
"style -- Sets or returns the style attribute of an element"
Тег label — это элемент dom. И, таким образом, у него есть свойство «стиль». Как указано в ссылке w3schools выше, все элементы dom имеют свойство 'style'.
И на самом деле, здесь я устанавливаю (встроенное) свойство 'style' для тега label -- и это работает нормально:
Цвет текста метки становится серым во время загрузки страницы. .
При определенных условиях (пользователь указал, что готов выбрать изображение для загрузки) -- Мне нужно показать загрузку как «включенную», изменив начальный серый цвет текста выше на черный.
Знаю ли я, что могу использовать класс css для цвета текста этой метки и использовать свойство className для динамического изменить класс css выше? Вы держите пари, что я делаю. Сегодня вечером, хотя я держу ноги этого элемента DOM к огню. У меня есть только один атрибут стиля для изменения (цвет текста), и я не хочу добавлять класс только для него. - то, что я пытаюсь здесь, должно работать в соответствии с документами.
Я хочу знать, почему я не могу использовать свойство 'style', поскольку DOM говорит, что я могу -- "получить" И "установить" элементы DOM. характеристики.
Здесь я "устанавливаю" свойство 'style' моей -- это НИЧЕГО не делает -- текст метки остается серым:
document.getElementById('labelForImageUploadID').style = "color: rgb(0,0,0)";
Это также не меняет цвет с серого на черный:
document.getElementById('labelForImageUploadID').style = "color: black";
приведенный выше код выполняется (в javascript) после того, как метка уже видна на странице, и в ответ на событие onclick кнопки в форме, частью которой также является метка.
Есть ли ошибка в возможности «установить» свойство «стиль» элемента DOM? Согласно http://www.w3schools.com/jsref/dom_obj_all.asp,
"HTMLElement Object
The following properties, and methods can be used on all HTML elements."
(other properties here.....)
"style -- Sets or returns the style attribute of an element"
(still other properties here......)
Так почему же я не могу изменить свойство 'style' элемента в моем коде выше?