Bir div
öğesinin içindeki metni değiştirmek için, öncelikle div
öğesine bir id
vermeniz gerekir. Bu, div
öğesini belirleyebilmenizi ve daha sonra JavaScript kodunuzda kullanabilmenizi sağlar. Örneğin:
<div id="myDiv">Bu metin değiştirilecek</div>
Daha sonra, JavaScript kodunuzda aşağıdaki gibi bir kod bloğu yazabilirsiniz.
const myDiv = document.getElementById("myDiv");
myDiv.innerHTML = "Yeni metin";
Bu kod, myDiv
adlı div
öğesinin içindeki metni “Yeni metin” olarak değiştirir.
Not: Bu örnekte, innerHTML
özelliği kullanılmıştır. Bu özellik, bir öğenin içeriğini değiştirmek için kullanılır. Bu yöntem, öğenin içinde bulunan tüm HTML etiketlerini de değiştirir. Eğer sadece metni değiştirmek istiyorsanız, textContent
özelliğini kullanabilirsiniz. Bu özellik, öğenin içindeki tüm metni değiştirir, ancak HTML etiketlerini değiştirmez.
const myDiv = document.getElementById("myDiv");
myDiv.textContent = "Yeni metin";