HTML DOM innerHTML Özelliği
Örnek
Bir <p> öğesinin HTML içeriğini id="demo" ile değiştirin:
document.getElementById("demo").innerHTML = "Paragraph changed!";
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
innerHTML özelliği, bir öğenin HTML içeriğini (iç HTML) ayarlar veya döndürür.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
innerHTML özelliğini döndürün:
HTMLElementObject.innerHTML
innerHTML özelliğini ayarlayın:
HTMLElementObject.innerHTML = text
Mülk değerleri
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Teknik detaylar
Geri dönüş değeri: | Bir öğenin HTML içeriğini temsil eden bir Dize |
---|
Daha fazla örnek
Örnek
id="myP" ile bir <p> öğesinin HTML içeriğini alın:
var x = document.getElementById("myP").innerHTML;
Örnek
id="myList" ile bir <ul> öğesinin HTML içeriğini alın:
var x = document.getElementById("myList").innerHTML;
Örnek
İki öğenin HTML içeriğini değiştirin:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Örnek
id="demo" ile bir <p> öğesinin HTML içeriğini uyarın:
alert(document.getElementById("demo").innerHTML);
Örnek
id="demo" ile bir <p> öğesinin HTML içeriğini silin:
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Örnek
Bir bağlantının HTML içeriğini, URL'sini ve hedefini değiştirin:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Öğe Nesnesi