Можно ли явой-скриптом переключать цвет HTML-символов с черного на белый и обратно?
Я хотел бы сделать кнопку на HTML-странице, что бы нажав на нее можно было бы поменять цвет символов с черного на белый и потом обратно, то есть сделать типа переключателя. Можно ли это реализовать с помощью js'a?
То есть менять свойства стиля:
#body{
color:#000000;
}
на
color:#ffffff;
То есть менять свойства стиля:
#body{
color:#000000;
}
на
color:#ffffff;
Например, вот так:
Код:
document.getElementByTagName('body').setAttribute('style', 'color: #ffffff');
Цитата: P*t*
Например, вот так:
Код:
document.getElementByTagName('body').setAttribute('style', 'color: #ffffff');
Да, это работает. Спасибо.
А если сначала надо узнать цвет шрифта? Метод getAttribute вроде не то?
Вот так почему-то не заработало:
Правда это я взял из уроков по jquery. Тут вроде немного другой синтаксис.
Код:
$(function(){
$('#BW').click(function(){ // BW - это у меня кнопка переключения цвета символов
//function inversia()
alert('working');
// document.getElementById('book_contents').setAttribute('style', 'color: #ffffff'); //работающая строка
var elm = document.getElementById("book_contents");
//alert(elm.CSS('color'));
if(elm.getAttribute('style', 'color:#F3F3DA') {
elm.setAttribute('style', 'color:#ffffff');
}
else
elm.setAttribute('style', 'color:#F3F3DA');
}
//window.setInterval("doBlinkClass();", 1000);
});
});
$('#BW').click(function(){ // BW - это у меня кнопка переключения цвета символов
//function inversia()
alert('working');
// document.getElementById('book_contents').setAttribute('style', 'color: #ffffff'); //работающая строка
var elm = document.getElementById("book_contents");
//alert(elm.CSS('color'));
if(elm.getAttribute('style', 'color:#F3F3DA') {
elm.setAttribute('style', 'color:#ffffff');
}
else
elm.setAttribute('style', 'color:#F3F3DA');
}
//window.setInterval("doBlinkClass();", 1000);
});
});
Как поменять цвет шрифта в HTML в классе .zagolovok? (javascript)
Удалось поменять цвет шрифта в контейнере с основным текстом так:
Но заголовки
остались старым цветом. Как к ним можно обратиться?
Нашел как обратиться, но цвет не меняется по-прежнему.
Удалось поменять цвет шрифта в контейнере с основным текстом так:
Код:
var mElm = document.getElementById('container');
mElm.style.color='#000000';
mElm.style.color='#000000';
Код:
<p class="zagolovok">Глава 1</p>
Нашел как обратиться, но цвет не меняется по-прежнему.
Код:
var mElmClass = document.getElementsByClassName('zagolovok');
mElmClass.style.color='#F3F3DA';
mElmClass.style.color='#F3F3DA';
Цитата: Dmitry2064
Как поменять цвет шрифта в HTML в классе .zagolovok? (javascript)
Нашел как обратиться, но цвет не меняется по-прежнему.
Нашел как обратиться, но цвет не меняется по-прежнему.
Код:
var mElmClass = document.getElementsByClassName('zagolovok');
mElmClass.style.color='#F3F3DA';
mElmClass.style.color='#F3F3DA';
Так getElementsByClassName() возвращает коллекцию элементов, а не один элемент. Надо пройтись по ним и изменить их цвет.
Код:
var e = document.getElementsByClassName('zagolovok');
for (var i = 0; i < e.length; i++)
e[i].style.color = 'blue';
for (var i = 0; i < e.length; i++)
e[i].style.color = 'blue';
Цитата: ellor!
Цитата: Dmitry2064
Как поменять цвет шрифта в HTML в классе .zagolovok? (javascript)
Нашел как обратиться, но цвет не меняется по-прежнему.
Нашел как обратиться, но цвет не меняется по-прежнему.
Код:
var mElmClass = document.getElementsByClassName('zagolovok');
mElmClass.style.color='#F3F3DA';
mElmClass.style.color='#F3F3DA';
Так getElementsByClassName() возвращает коллекцию элементов, а не один элемент. Надо пройтись по ним и изменить их цвет.
Код:
var e = document.getElementsByClassName('zagolovok');
for (var i = 0; i < e.length; i++)
e[i].style.color = 'blue';
for (var i = 0; i < e.length; i++)
e[i].style.color = 'blue';
да, спасибо. Про коллекцию-то я и забыл.