nối chuyển đổi div thành văn bản trong javascript [trùng lặp]

Aug 15 2020

Tôi đang làm việc trên mã động dữ liệu đến từ DB và tôi cần tất cả Phần tử Li bằng cách thêm vào trong JavaScript no jQuery:

Đây là Mã của tôi:

const x = document.getElementById('messagesContent')
x.append(`<li class="message"><b>User</b><br/>${message}</li>`);

Kết quả là:

<li class="message"><b>User</b><br/>xxxxxxxx</li>

Đến dưới dạng văn bản không phải html

Trả lời

MajedBadawi Aug 15 2020 at 17:37

Bạn có thể sử dụng innerHTMLthay thế:

const x = document.getElementById('messagesContent');
let message="Hello";
x.innerHTML += `<li class="message"><b>User</b><br/>${message}</li>`;
<ul id="messagesContent"></ul>

EugenSunic Aug 15 2020 at 17:42

Bạn cần hàm appendChild và truyền một phần tử nút thay vì một chuỗi.

Bạn phải tạo một phần tử danh sách thông qua createElement và gán các thuộc tính thích hợp cũng như InternalHTML được dự định.

const x = document.getElementById('list');
const li = document.createElement('li');
li.class = 'message'
li.innerHTML = `<b>User</b><br/>second`;
x.appendChild(li);
<ul id="list">
  <li>first</li>
</ul>