hosting gia re
  1. Chọn mua sim phong thuy hợp mệnh HOT [VNXF.VN] XenForo 1.5.14 Released HOT

    Kho sim so phong thuy giá rẻ HOT [AIRHOST.VN] Hosting giá rẻ Mua Ngay

    Mua sim so dep viettel giá rẻ HOT [VNXF.VN] Nhận Thiết Kế Forum Xenforo Dich vụ

    Trải nghiệm Phần mềm diệt virus miễn phí tốt nhất hiện nay. HOT

Help Gặp vấn đề với replaceChild() method

Thảo luận trong 'JavaScript/jQuery' bắt đầu bởi mast0904, 17/02/2017.

Lượt xem: 527

  1. mast0904

    mast0904 Thượng Đế

    Tham gia:
    17/02/2017
    Bài viết:
    2
    Đã được thích:
    1
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Chào mọi người,
    Mình đang tự học Javascript/html theo các tutorial online
    Mình có viết 1 example cho replaceChild method nhưng nó đang ko chạy như ý muốn.
    Ý tưởng của mình là có 5 thẻ h5 và mình muốn replace từng thẻ theo thứ tự từ trên xuống mỗi khi click vào button Replace nhưng kết quả là nó chỉ chạy đúng trong lượt đầu, từ lần chạy thứ 2 trở đi thì mảng hReplace bị down từ 5 phần tử xuống còn 4, tiếp tục kích replace thì nó lại giảm còn 3 mà ko rõ lý do và kết quả hiển thị cũng ko đúng như mong đợi. Cảm ơn mọi người
    HTML:
    <!DOCTYPE html>
    <html>
        <body>
            <div id="replace">
                <h5>Replace Children 0</h5>
                <h5>Replace Children 1</h5>
                <h5>Replace Children 2</h5>
                <h5>Replace Children 3</h5>
                <h5>Replace Children 4</h5>
            </div>
            <input type="button" value="Replace" id="buttonReplace"/>
            <script language="javascript">
                var buttonRp = document.getElementById("buttonReplace");
                var index = 0;
                var str = "Replaced by new Children ";
                var newElement = document.createElement("h5");
                var hReplace = document.getElementsByTagName("h5");
                buttonRp.addEventListener("click", function()
                {
                    if (index < hReplace.length)
                    {
                        newElement.innerHTML = str + index;
                        document.getElementById("replace").replaceChild(newElement, hReplace[index]);
                        index++;
                    }
                });
            </script>
        </body>
    </html>
    
     
    Quan tâm nhiều
    Xin code auto wap/web
    Xin code auto wap/web bởi daklak1985, 08/10/2017 lúc 12:18:55
    Bài viết mới
    Xin code auto wap/web
    Xin code auto wap/web bởi daklak1985, 08/10/2017 lúc 12:18:55
    Nhờ chèn giúp đoạn js này với ạ
    Nhờ chèn giúp đoạn js này với ạ bởi mahu220, 06/07/2017 lúc 10:57:05
    THB thích bài này.

Chia sẻ trang này