javascript - jquery を使用して HTML の内容を変更する

Question

私はhtmlコードを持っています

<td id="myColumn" class="Column">
Old Data
</td>

jquery を使用して、「古いデータ」を「新しいデータ」に変更したいと思います。私は

$( ".Column" ).append("My New Data");
and
$( ".Column" ).replaceWith("My New Data");

Answer 1

.html()を使用

$( ".Column" ).html("My New Data");

Answer 2

Html として:

$( ".Column" ).html("My <strong>New</strong> Data");

出力: 「私の新しいデータ」

---

文字列として:

$( ".Column" ).text("My <strong>New</strong> Data");

出力: 「私の新しいデータ」

---

現在の値で何かを置き換えたい場合は.html()、getter として 使用できます。

$( ".Column" ).html(  $(".Column").html().replace('old', 'new')  );

---

そして、プレーンな Javascript メソッド、すべてのクレジットはyantrakaarに送られます (より完全な回答のためにここに配置)

document.querySelector("#myColumn").innerHTML="My New Data"; // Modern browsers
document.getElementyId("myColumn").innerHTML="My New Data"; // Older browsers