Изменение содержимого элемента

Для изменения содержимого элемента используют 2 свойства элементов:

• innerText - текстовое содержимое элемента;
• innerHTML - содержимое элемента с HTML разметкой.

Свойство innerText используется как для чтения, так и для записи текстового содержимого элемента. Свойство innerText не интерпретируется браузером при выводе на страницу и поэтому не может содержать теги для выполнения.

Для того, чтобы разметка HTML интерпретировалась браузером, необходимо воспользоваться свойством innerHTML.

Например:

<script type="text/javascript">

function zamena()

{

blok1.innerText="Работа с веб перспективна"

blok2.innerHTML="потому что <em> определяется уровнем и </em>"

}

</script>

<input type="button" onclick="oformlenie()" value="оформление"/> <br />

<input type="button" onclick="zamena()" value="замена"/>

Изменение стиля элемента

Для изменения стиля элемента используется свойство style. Это свойство, в свою очередь, является объектом, содержащим множество свойств, соответствующих атрибутам стиля элемента в CSS. Правда синтаксис записи свойств стиля в JavaScript и в CSS несколько отличается. Ниже приведены правила, следуя которым вы сможете преобразовать названия свойств стилей из CSS в JavaScript:

• все простые свойства стилей CSS (такие как "color", "border", "padding" и т.п.) записываются без изменений в нижнем регистре;
• составные названия свойств стилей CSS (такие как "font-size", "background-color") записываются без символов "-", а слово, следующее за ним приписывается с заглавной буквы: fontSize, backgroundColor, listStyleType и т.д.