Добавление HTML-тегов в JavaScript - PullRequest
0 голосов
/ 16 января 2019

Я пытаюсь добавить <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>

Ответы [ 2 ]

0 голосов
/ 16 января 2019

Вы ищете что-то вроде этого

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

Также возможно добавить элемент, подобный этому

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

0 голосов
/ 16 января 2019

Вы делаете что-нибудь, чтобы вызвать это изменение innerHTML? Пример:

Завершение выделения в window.onLoad{...}

OR

Заключение в функцию, которая будет вызвана прослушивателем событий. Если ваша цель состоит в том, чтобы просто поместить текст в тег в статическом поведении, используйте атрибут HTML для кнопки с value="some text"

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...