Задать вопрос
alienworkshop
@alienworkshop
javascript

Не работает селектор getElementsByClassName, не работает createElement. Как решить эту проблему?

Пытаюсь выполнить простой код, не работает:
var newDiv = document.createElement('div');
newDiv.className = 'myclass';
newDiv.id = 'myid';
newDiv.innerHTML = 'Привет, мир!';

Более того innerHTML через селектор getElementById работает, а через getElementsByClassName – нет.
document.getElementById("myid").innerHTML = "Text"; //работает
document.getElementsByClassName("myclass").innerHTML = "Text"; //не работает

Подскажите, пожалуйста, как решить эту проблему.
  • Вопрос задан
  • 2775 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
1. После создания элемента его нужно вставить в документ (только нужно быть уверенным, что элемент, в который вы вставляете, уже присутствует в DOM). Например:

var newDiv = document.createElement('div');
...
document.body.appendChild(newDiv);

2. В имени метода getElementsByClassName не смущает множественное число?)

document.getElementsByClassName("myclass")[0].innerHTML = "Text";
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
DimaLepel
@DimaLepel
Извините, в комментарий код вставить не смог, поэтому пишу как ответ на вопрос. Извините еще раз. Вот сам код и помогите найти ошибку что бы работало для нескольких элементов одного класса.
<html>
<head>
  <meta charset="utf-8">
  <title>Название документа</title>
  <script>

    function changeColor(newColor) {

      var elem = document.getElementsByClassName("para1")[0];
       elem.innerHTML  = newColor;
     
    }

  </script>
</head>
<body>
 
  <p class="para1">Какой-то текст</p>
  <button onclick="changeColor('blue')">синий</button>
  <button onclick="changeColor('red')">красный</button>

<p class="para1">Какой-то текст</p>
  
 
</body>
</html>
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сверстать 2 транзакционных письма по макету figma
26 апр. 2024, в 16:36
3000 руб./за проект
Нужен специалист по SQL базам
26 апр. 2024, в 16:34
2000 руб./в час
Дорисовать в Figma каталог товаров
26 апр. 2024, в 16:26
3000 руб./за проект
Ещё заказы