Как вставить содержимое переменной JavaScript в определенные позиции в HTML? - PullRequest
0 голосов
/ 20 июня 2019

С учетом следующего кода:

<head><script>var label = "hello123";</script></head>
<body><h1>**[here]**</h1><p>This is the value: <span>**[here]**</span></body>

Как вставить значение метки var в указанные позиции?

1 Ответ

1 голос
/ 20 июня 2019

выберите необходимые элементы с помощью document.querySelector и присвойте переменной значение textContent и выполните цикл по выбранным элементам, чтобы изменить textContent.

var label = "hello123";

document.querySelector('h1').textContent = label;

document.querySelector('span').textContent = label;
<body><h1></h1><p>This is the value: <span></span></body>

- Правка -

Чтобы выбрать несколько элементов по className, используйте document.querySelectorAll.

var label = "hello123";

document.querySelectorAll('.someClass').forEach((ele) => {
    ele.textContent = label;
});
<h1 class="someClass"></h1><p>This is the value: <span class="someClass"></span>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...