Question

我正在尝试在<button id="mybtn"></button>链接周围添加some text，但不确定如何实现。我用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{...}

中

OR

将其包装在要由事件侦听器触发的函数中。如果您的目标是将文本简单地以静态方式放置在标签中，则可以将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);

在JavaScript中添加html标签

2 个答案: