Вставить HTML с помощью JavaScript без использования идентификатора?

Question

Я хочу вставить HTML, используя JavaScript с чем-то вроде этого: document.getElementById("demo").innerHTML = "example"; но я не хочу использовать идентификатор, как я могу сделать это по имени класса? я пытался document.getElementsByClassName("demo").innerHTML = "example"; но это тоже не сработало... или есть какая-то причина, чтобы вставить html, отличный от innerHTML, используя классы..

Answer 1

Попробуйте по классу document.getElementsByClassName("demo").innerHTML = "TEXT/HTML"

или же

По тегу document.getElementsByTagName("p").innerHTML = "TEXT/HTML"

Вы можете увидеть эти методы здесь в документации:

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByTagName

Answer 2

Вы можете использовать любой селектор CSS, используя функцию селектора запросов. Смотрите здесь для более подробной информации: querySelector

Если вы хотите выполнить действие для каждого элемента, который соответствует вашему селектору css, используйте вместо этого querySelectorAll, который возвращает список nore. querySelectorAll

Answer 3

document.getElementsByClassName("example");