code ví dụ thêm phần tử vào danh sách

Code: Html 10/04/2021 07:47

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    Họ tên <input type="text" id="txt_hoten"> 
    <button onclick="Them();">Thêm</button>
    <h2>Danh sách user</h2>
    <ol id="ds"></ol>
    <script>
        function Them(){
            //1. Lấy giá trị trong ô text
            var hoten = document.querySelector("#txt_hoten").value;
            //2. Tạo node để gắn vào ds

            var the_li = document.createElement("LI");
            // the_li.innerText = hoten;
            the_li.innerHTML = hoten;

            document.querySelector("#ds").appendChild( the_li);

        }
    </script>
</body>
</html>