1

У меня есть код на jquery.

$('#messages').append($('<li>').text(`${data.username}: ${data.message}`));

Я хочу перейти на js.

const messages = document.getElementById('messages');
messages.append(document.getElementsByTagName('li').text(`${data.username}: ${data.message}`));

Я получаю ошибку

Uncaught TypeError: document.getElementsByTagName(...).text is not a function

Какая разница метода append в jquery и js? Что не так я сделал?

3
  • 3
    почему вы взяли что проблема в append? Вот серьезно, давайте прочитаем ошибку, там есть слово append?
    – ThisMan
    7 окт 2019 в 10:31
  • 1
    $('<li>') не ищет элемент, а создает его
    – ThisMan
    7 окт 2019 в 10:31
  • @ThisMan я понял свою ошибку.
    – MegaRoks
    7 окт 2019 в 10:33

1 ответ 1

3
$('#messages').append($('<li>').text(`${data.username}: ${data.message}`));

Вы не совсем правильно перевели jquery в нативный js.

// $('<li>') Тут создается элемент, а не ищется в документе
// Поэтому нужно заменить getElementsByTagName на createElement

const messages = document.getElementById('messages');
const li = document.createElement('li');
// У обычных элементов нет функции text
li.innerText = `${data.username}: ${data.message}`
messages.append(li);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.