Добавянето на нови възли към документа

За да добавите нови възли да се използват в текущия документ от следните методи:

И двете от тези методи се добави нов възел newChild към съществуващия документ, appendChild () добавя нов възел, след като всички дъщерни дружества, insertBefore () добавя нов възел до възел дете е посочено
в параметър referenceChild.

В допълнение, има метод за копиране на съществуващи възли. Като опция, можете да укажете дали да се копират всички деца възли, окачени на стойност по подразбиране:

Демонтаж и замяна на компоненти в документ

методи са използвани за отстраняване на възел:

currentNode.removeChild (дете) - получава като параметър възелът да бъде изтрита.

currentNode.replaceChild (newChild, oldChild) - Заменя oldChild възел на newChild.

И двата метода трябва да принадлежат currentNode възел. които са премахнати или заменени от възлите на детето.

Използването на Cascading Style Sheets в DOM

Всеки възел е с предмет DOM стил. в която се описват приложените стилове. Например, можете да промените цвета на маркера на шрифта

. document.getElementById ( "samplePtag"). style.color = «червено».

innerHTML собственост на елемента и outerHTML

Освен методите, описани по-горе, за да се промени структурата на документ ispozuetsya по-прост метод на базата на свойствата на DOM елементи - innerHTML и outerHTML. innerHTML съдържа HTML-кодът между отварящия и затварящия маркер. С помощта на тази функция, можете да работите с кодът на етикета като низ - да четат и пишат. Въпреки това, за следваща група от артикулите на този имот е само за четене: COL. COLGROUP. FRAMESET. HTML. STYLE. TABLE. TBODY. TFOOT. Врекламния. ДЯЛ. TR.

По дефиниция innerHTML собственост не съществува за елементи, които не са едновременно отваряне и затваряне на маркер (например
).

За разлика от имоти outerHTML, че този имот включва HTML-код между първия и последния, както и отваряне
и затваряне на таг на елемента.

OuterHTML имот може да се записва само след целия документ е зареден, т.е. събитие възниква window.onload.

По-долу е пример за използване innerHTML свойства и outerHTML:

Var myPar = document.getElementById ( "MYP");