jquery - div jqueryにテキストを追加する前

Question

既に追加されている div id "txt" にテキストを追加します。私はappendChild()関数を使用し、「これはテストです」を追加しましたが、「これはテストです」が必要です

document.getElementById("txt").appendChild("これは");

前

テスト

後

これはテストです

助けて

Answer 1

質問に付けたタグで答えを特定しました.prepend()。jQuery関数を見てください。最後に子ノードを要素に追加するのではなく、最初に子ノードを追加します。#txtそれが元々テキストノード「テスト」のみを含む要素であると仮定すると、このコードは次のようになります。

$('#txt').prepend('This is ');

あなたが望む結果を与えるでしょう。

ワーキングデモ

Answer 2

あなたはこのようにすることができます：

var old_string = document.getElementById("div_id").innerHTML;
var new_string = "is Testing";
document.getElementById("div_id").innerHTML = new_string + " " + old_string;

それが役立つことを願っています。

Answer 3

$("#txt").before("before text");
$("#txt").after("after text");

デモ

または、連鎖から恩恵を受けることができます

$("#txt").before("before ").after("after ");