在JavaScript中添加html標簽

Question

我正在嘗試在some text鏈接周圍添加<button id="mybtn"></button> ，但是我不確定如何做到這一點。 我用document.write嘗試了一下，但我認為使用錯誤。 當我單擊此按鈕時， some text將全部替換為“ ZZZ”。 但是， something here更改的鏈接具有純格式。 我要執行的操作是在其周圍添加<button id="mybtn">和</button> ，以便更改后的按鈕保持相同的外觀。

輸入：

document.getElementById("DiacriticsButton").innerHTML = "some text";

輸出應該是這樣的：

document.getElementById("DiacriticsButton").innerHTML = <button id="mybtn">"some text"</button>;

當前的完整腳本：

<script>
bodyText=document.getElementById("bodytext").innerHTML;
clearText = bodyText.replace(/ZZZ/g, "");
FStr = clearText.search("some text");

do {
  clearText = clearText.replace("something here","some text");  
  FStr = clearText.search("something here");
}
while(FStr!=-1);

function switchDiacritics() {
  if (document.getElementById("bodytext").innerHTML == clearText) {
    document.getElementById("bodytext").innerHTML = bodyText;
    document.getElementById("DiacriticsButton").innerHTML = "something here";
  } else {
    document.getElementById("bodytext").innerHTML = clearText;
    document.getElementById("DiacriticsButton").innerHTML = "some text";
  }
}

</script>

Answer 1

您是否正在采取任何措施來觸發innerHTML更改？ 例如：

將選擇內容包裝在window.onLoad{...}

要么

將其包裝在要由事件偵聽器觸發的函數中。 如果您的目標是將文本簡單地以靜態方式放置在標簽中，則可以將HTML屬性用於具有value="some text"的按鈕

Answer 2

你在找這樣的東西嗎

document.getElementById("DiacriticsButton").innerHTML = '<button id="mybtn">"some text"</button>';

也可以添加這樣的元素

var btn = document.createElement("button");
btn.innerHTML = "some text";
document.getElementById("DiacriticsButton").appendChild(btn);