代码之家  ›  专栏  ›  技术社区  ›  Mike

在javascript中添加HTML标记

  •  0
  • Mike  · 技术社区  · 6 年前

    我想补充一下 <button id="mybtn"></button> 周围 some text 但我不知道该怎么做。我试了一下 document.write 但我想我用错了。当我点击这个按钮时 一些文本 它将“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>
    
    2 回复  |  直到 6 年前
        1
  •  0
  •   Blue    6 年前

    你要找像这样的东西吗

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

    也可以添加这样的元素

    var btn = document.createElement("button");
    btn.innerHTML = "some text";
    document.getElementById("DiacriticsButton").appendChild(btn);
    
    
        2
  •  0
  •   Ashton Hauser    6 年前

    你在做什么来触发这个内部的改变吗?前任:

    将所选内容包装在 window.onLoad{...}

    将它包装在由事件侦听器触发的函数中。而如果您的目标只是以静态的方式将文本放在标记内,请使用HTML属性为按钮 value="some text"