Переменные Javascript для нескольких цветов фона HTML - PullRequest
Новая
       5

Переменные Javascript для нескольких цветов фона HTML

1 голос
/ 08 ноября 2010

и заранее спасибо за любую помощь. Я проверил в Интернете и не нашел никого другого с моей конкретной проблемой.

Я запускаю Wordpress на веб-сайте и у меня есть два элемента div, которые я хотел бы разрешить пользователю изменять цвет при использовании Javascript / HTML. Цвет фона можно указать либо в CSS, либо в HTML. Я новичок в Javascript, но я надеялся создать две переменные Javascript, например: 

var headercolor="3366FF";
var maincolor="FFFFFF";

и затем в HTML, например, укажите цвет фона в качестве переменной. 

<div id="header" style="background-color:javascript:document.write(headercolor);">
CONTENT HERE
</div>
<div id="main" style="background-color:javascript:document.write(maincolor);">
CONTENT HERE
</div>

Поскольку переменные Javascript имеют значения по умолчанию, они будут отображать их при первой загрузке страницы, но когда пользователь щелкает ссылку, цвета меняются. 

<a href="#" onclick=javascript:var maincolor="3366FF";>Click here to get a blue main background!</a>

В сущности, мне интересно, возможно ли что-нибудь из этого. Если так, как я могу это сделать? Если нет, то спасибо, что нашли время прочитать этот пост, и, пожалуйста, дайте мне знать, что это не может быть сделано или может быть сделано другим способом.

1 Ответ

2 голосов
/ 08 ноября 2010

Не используйте document.write () в этом контексте, если вообще когда-либо.

Вы на самом деле спрашиваете, можете ли вы привязать элементы к переменным, но это не сработает в Javascript и DOM. Вам потребуется создать функцию, чтобы сделать это, или использовать литерал функции, или просто оператор Javascript, как показано ниже (вам не нужен префикс javascript:): 

onclick="document.getElementById('main').style.backgroundColor='#3366FF'"

должен сделать это за вас.

...