HTML DOM Element outerHTML katangian

Paglilinaw at paggamit

outerHTML Iset o ibalik ang HTML nilalaman ng elemento, kasama ang mga katangian, simula at pagsasara na tag.

Halimbawa

Mga halimbawa 1

Baguhin ang unang elemento h2 at ang kanyang nilalaman:

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

Subukan ang iyong sarili

Mga halimbawa 2

Palitan ang titik ng elemento:

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

Subukan ang iyong sarili

Mga halimbawa 3

Ibinalik ang labas na HTML ng elemento <h1>:

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

Subukan ang iyong sarili

Mga halimbawa 4

Ibinalik ang labas na HTML ng elemento <ul>:

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

Subukan ang iyong sarili

Gramata

Ibinalik ang outerHTML katangian:

element.outerHTML

Iset ang outerHTML katangian:

element.outerHTML = text

Halaga ng katangian

Halaga Paglalarawan
text Bagong HTML nilalaman.

Bumalik ang halaga

Uri Paglalarawan
String Ang HTML nilalaman ng elemento, kasama ang mga katangian, simula at pagsasara na tag.

浏览器支持

所有浏览器都支持 element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持