Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để thêm một dòng mới trong Danh sách không có thứ tự (UL) từ JavaScript?

Để thêm một dòng mới trong Danh sách có Thứ tự, hãy sử dụng document.querySelector (). append (). Mã sau -

Ví dụ 

       Tài liệu      
 Thêm Tên Demo 
 
    

 
 Danh sách Tên 
 
     

     

 Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS. 
 
 Đầu ra 
 

 Điều này sẽ tạo ra kết quả sau - 
 

 Làm cách nào để thêm một dòng mới trong Danh sách không có thứ tự (UL) từ JavaScript?  
 

 Ở đây, tôi đang nhập giá trị vào hộp văn bản, ví dụ:tên là ‘John’ - 
 

 Làm cách nào để thêm một dòng mới trong Danh sách không có thứ tự (UL) từ JavaScript?  
 

 Sau đó, nhấp vào nút Lưu. Sau khi nhấp vào nút Lưu, kết quả như sau - 
 

 Làm cách nào để thêm một dòng mới trong Danh sách không có thứ tự (UL) từ JavaScript?  
 

 Một lần nữa, tôi đã nhập tên ‘Bob’. Bây giờ, kết quả được cập nhật như sau - 
 

 Làm cách nào để thêm một dòng mới trong Danh sách không có thứ tự (UL) từ JavaScript?  
 

 Sau khi nhấp vào nút Lưu, kết quả như sau - 
 

 Làm cách nào để thêm một dòng mới trong Danh sách không có thứ tự (UL) từ JavaScript?