CSS изменение JavaScript HTML DOM
HTML DOM позволяет JavaScript, чтобы изменить стиль HTML-элементов.
Стили Изменить HTML
Для того, чтобы изменить стиль HTML-элемента, используйте следующий синтаксис:
document.getElementById(id).style.property=新样式
Следующий пример изменит элемент стиля <p>:
примеров
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
</ Head>
<Body>
<P ID = "p1"> Hello World ! </ p>
<P ID = "p2"> Hello World ! </ p>
<Script> document.getElementById ( "p2" ) style.color = "синий" ;. document.getElementById ( "p2") style.fontFamily = "Arial"; .. document.getElementById ( "p2") style.fontSize = "больше"; </ скрипт>
<P> сценарий, изменяя вышеуказанные пункты. </ P>
</ Body>
</ HTML>
Попробуйте »
Использование событий
HTML DOM позволяет выполнять код, вызывая события.
Например, следующие события:
- Элемент щелкают.
- Загрузки страницы.
- Поле ввода изменяется.
- ......
В следующих разделах вы узнаете больше о знании событий.
В этом примере изменяется идентификатор стиля = "ID1" HTML элемент, когда пользователь нажимает на кнопку:
примеров
<! DOCTYPE HTML>
<HTML>
<Body>
<H1 ID = "id1"> Мой заголовок 1 </ h1>
<Тип Кнопка = "Кнопка"
OnClick = "document.getElementById ( 'id1'). style.color = 'красный'">
Направьте меня! <Кнопка />
</ Body>
</ HTML>
<HTML>
<Body>
<H1 ID = "id1"> Мой заголовок 1 </ h1>
<Тип Кнопка = "Кнопка"
OnClick = "document.getElementById ( 'id1'). style.color = 'красный'">
Направьте меня! <Кнопка />
</ Body>
</ HTML>
Попробуйте »
Другие примеры
видимость
Как сделать элемент невидимым. Элемент вы хотите, чтобы показать или исчезнуть?