HTML DOM Element outerHTML ominaisuus

Määritelmä ja käyttö

outerHTML Aseta tai palauta HTML-elementin ominaisuudet, mukaan lukien ominaisuudet, alkutunniste ja lopputunniste.

Esimerkki

Esimerkki 1

Muuta ensimmäisen h2-elementin ja sen sisältö:

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

Kokeile itse

Esimerkki 2

Vaihda otsikko elementille:

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

Kokeile itse

Esimerkki 3

Tulosta <h1>-elementin ulkoinen HTML:

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

Kokeile itse

Esimerkki 4

Tulosta <ul>-elementin ulkoinen HTML:

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

Kokeile itse

syntaksi

Palauta outerHTML-ominaisuus:

elementti.outerHTML

Aseta outerHTML-ominaisuus:

elementti.outerHTML = teksti

ominaisuusarvo

arvo kuvaus
teksti uusi HTML-sisältö.

palautusarvo

tyyppi kuvaus
merkkijono HTML-elementin sisältö, mukaan lukien ominaisuudet, alkutunniste ja lopputunniste.

Selaimen tuki

Kaikki selaimet tukevat tätä element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki Tuki