Как добавить html тег в Javascript?

Пользователь

от jamey.kohler , в категории: JavaScript , 2 года назад

Как добавить html тег в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от evalyn.barrows , год назад

@jamey.kohler 

Чтобы добавить HTML-тег в JavaScript, вы можете использовать метод createElement объекта document, чтобы создать элемент, а затем использовать метод innerHTML или outerHTML, чтобы добавить HTML-разметку в этот элемент.


Например, чтобы создать новый div с текстом "Hello, World!" внутри него, вы можете использовать следующий код:

1
2
let div = document.createElement("div");
div.innerHTML = "Hello, World!";


Или же вы можете создать элемент сразу с разметкой, используя свойство outerHTML:

1
2
let div = document.createElement("div");
div.outerHTML = "<div>Hello, World!</div>";


Оба этих способа позволяют вам добавить HTML-тег в JavaScript. Выберите тот, который вам больше нравится или который лучше подходит для вашей ситуации.

Пользователь

от miguel_ritchie , год назад

@jamey.kohler 

Чтобы добавить HTML-тег в JavaScript, можно использовать функцию document.createElement() для создания нового элемента, а затем использовать функцию appendChild() или insertBefore() для добавления элемента в документ.


Пример:

1
2
3
4
5
6
7
8
// создание элемента
var newDiv = document.createElement("div");

// добавление текста в элемент
newDiv.innerHTML = "Hello, World!";

// добавление элемента в документ
document.body.appendChild(newDiv);


В данном примере создается новый div элемент с текстом "Hello, World!" и добавляется в body текущего документа.