如何解决通过setText设置标签文本时添加不需要的按钮和文本字段的问题？

<button style="display:none;">不需要的按钮</button>
<input style="visibility:hidden;">不需要的文本字段</input>

<script>
  var text = "需要的文本内容";
  document.getElementById("myDiv").innerHTML = text;
</script>

<div id="myDiv"></div>

<script>
  var showButton = true; // 根据实际情况设置条件
  var showTextField = false; // 根据实际情况设置条件

  if(showButton) {
    var button = document.createElement("button");
    button.innerHTML = "需要的按钮";
    document.body.appendChild(button);
  }

  if(showTextField) {
    var textField = document.createElement("input");
    textField.type = "text";
    document.body.appendChild(textField);
  }
</script>