text
属性を設定する可能性と、設定との違いについて混乱していますhtml
。基本的に、画像を含む段落があります。
<p id="test">Title <img src="/someimage.jpg" /></p>
私がやりたいのは、「タイトル」を別のものに変更することです。だから私は(MooToolsを使って):
$('test').set('text', 'Different title');
ただし、ここに示すように、これは段落要素のコンテンツ全体を置き換え、画像要素を削除するだけです: http://jsfiddle.net/4vhtR/1/
これにより、テキスト、実際のテキストが変更されるだけで、含まれている HTML 要素は変更されないことが予想されます。を使用するのと同じように見えset('html', 'Different title')
ます。
なぜこのように機能するのですか?そして、テキストを a でラップし<span>
たり、クローンを作成して JS で画像を元に戻したりすることなく、実際にテキストのみを変更するにはどうすればよいでしょうか。