HTML DOM Element outerHTML атрибут

определение и использование

outerHTML атрибут устанавливает или возвращает HTML элемент, включая атрибуты,开始的标签和结束的标签。

пример

пример 1

изменить первый элемент h2 и его контент:

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

попробуйте сами

пример 2

заменить элемент заголовком:

element.outerHTML = "<h2>This is a h2 element</h2>";

попробуйте сами

пример 3

вывести внешнюю HTML <h1> элемент:

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

попробуйте сами

пример 4

вывести внешнюю HTML <ul> элемент:

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

попробуйте сами

синтаксис

возвратить атрибут outerHTML:

элемент.outerHTML

установить атрибут outerHTML:

элемент.outerHTML = текст

значение атрибута

значение описание
текст новый HTML контент.

возвратное значение

тип описание
стринг HTML ким蒂на цаи, яна цаи сабабу, башлакан тагу, аяк тагу.

Kwararrabu kwararrabu

Kanannan kwararrabu suna ci gaba da suka sani element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukiya Dukiya Dukiya Dukiya Dukiya Dukiya