En son web geliştirme öğreticiler
 

HTML DOM innerHTML Propery

<Eleman Nesne

Örnek

Bir HTML içeriğini değiştirme <p> id = "demo" ile eleman:

document.getElementById("demo").innerHTML = "Paragraph changed!";
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

InnerHTML özelliği, ayarlar veya HTML içeriği döndürür (inner HTML) bir elementin.

Tarayıcı Desteği

özellik
innerHTML Evet Evet Evet Evet Evet

Sözdizimi

innerHTML özelliğini Dönüş:

HTMLElementObject .innerHTML

innerHTML özelliğini ayarlayın:

HTMLElementObject .innerHTML= Mülkiyet Değerler
değer Açıklama
text Bir elemanın HTML içeriği belirtir

Teknik detaylar

Geri dönüş değeri: Bir elemanın HTML içeriğini temsil eden bir String,
Örnekler

Diğer Örnekler

Örnek

Bir HTML içeriğini alın <p> id = "MYP" ile eleman:

var x = document.getElementById("myP").innerHTML;

X'in sonucu olacaktır:

I am a paragraph.
Kendin dene "

Örnek

Bir HTML içeriğini alın <ul> id = "mylist" ile eleman:

var x = document.getElementById("myList").innerHTML;

X'in sonucu olacaktır:

  • Coffee
  • Tea
Kendin dene "

Örnek

İki elemanlarının HTML içeriği değiştirin:

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Kendin dene "

Örnek

Bir HTML içeriği uyar <p> id = "demo" ile eleman:

alert(document.getElementById("demo").innerHTML);
Kendin dene "

Örnek

Bir HTML içeriği sil <p> id = "demo" ile eleman:

document.getElementById("demo").innerHTML = "";  // Replaces the content of <p> with an empty string
Kendin dene "

Örnek

Bir bağlantının HTML içeriği, URL ve hedefi değiştirin:

document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Kendin dene "
<Eleman Nesne