主页 / 问题 / 1032015
Accepted
MegaRoks
Asked:2020-10-07 18:23:17 +0800 CST2020-10-07 18:23:17 +0800 CST

附加方法差异

  • 772

我有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

jqueryappend 方法和有什么区别js？我做错了什么？

javascript

1 个回答

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

    您没有正确翻译jquery为 native js。

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

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

相关问题