nối chuyển đổi div thành văn bản trong javascript [trùng lặp]
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
Bạn có thể sử dụng innerHTML
thay 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
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>