Bir div öğesinin içindeki metni nasıl değiştiririm?

Bir DIV elemanı içindeki metni dinamik olarak ayarlamam gerekiyor. En iyi, tarayıcı açısından güvenli yaklaşım nedir? Prototypejs ve scriptaculous mevcut.

<div id="panel">
  <div id="field_name">TEXT GOES HERE</div>
</div>

İşte fonksiyonun nasıl görüneceği:

function showPanel(fieldName) {
  var fieldNameElement = document.getElementById('field_name');
  //Make replacement here
}
mikemaccana
Edited question 2015ösp28ös23 Mayıs 2015 в 11:28
Programlama
javascript html dom
2008ösp39ös15 Eylül 2008 в 3:39
43 görünümler

Basitçe kullanabilirsiniz:

fieldNameElement.innerHTML = "My new text!";
Community
Edited answer 2014ööp4öö4 Eylül 2014 в 4:04
Yorumlar (5)
 
$('field_name').innerHTML = 'Your text.';

Prototype'ın şık özelliklerinden biri de $('field_name') ile document.getElementById('field_name')in aynı şeyi yapmasıdır. Bunu kullanın! :-)

John Topley'in Prototype'ın `update' fonksiyonunu kullanarak verdiği cevap bir başka iyi çözümdür.

ceejayoz
Edited answer 2008ösp53ös15 Eylül 2008 в 3:53
Yorumlar (7)

Eğer gerçekten kaldığınız yerden devam etmemizi istiyorsanız, bunu yapabilirsiniz:

if (fieldNameElement)
    fieldNameElement.innerHTML = 'some HTML';
Milan Babuškov
Edited answer 2008ösp18ös17 Eylül 2008 в 5:18
Yorumlar (0)