Javascript Delete Selected LI - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Javascript Delete Selected LI, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel <li>, Artikel <ul>, Artikel delete unordered list item in js, Artikel How To Remove The Selected LI From An UL Using Javascript, Artikel javascript, Artikel remove selected <LI> In Javascript, Artikel Selected LI, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Javascript Delete Selected LI
link : Javascript Delete Selected LI

Baca juga


Javascript Delete Selected LI

How To Remove The Selected LI From An UL Using Javascript  

remove selected <li> using javascript


In This Javascript Tutorial we will See How To Get The Selected <li> Item From An Unordered List <ul> And Remove It On Button Click Event Using Array In JS And Netbeans Editor .


Project Source Code:

    
<!DOCTYPE html>
<html>
    <head>
        <title>Javascript: edit selected LI</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <button onclick="removeLI()">Remove</button>
        <ul id="list">
            <li>JS</li>
            <li>PHP</li>
            <li>Java</li>
            <li>C#</li>
            <li>C++</li>
            <li>HTML</li>
            <li>CSS</li>
        </ul>
        
        <script>
            
            var items = document.querySelectorAll("#list li"),
                tab = [], liIndex;
        
        // populate tab with li data
        for(var i = 0; i < items.length; i++){
            tab.push(items[i].innerHTML);
        }
        
        // get li index using tab array on li click event
        for(var i = 0; i < items.length; i++){
            
            items[i].onclick = function(){
                
                liIndex = tab.indexOf(this.innerHTML);
                console.log(this.innerHTML + " INDEX = " + liIndex);
            };
            
        }
            
            function removeLI(){
               
                items[liIndex].parentNode.removeChild(items[liIndex]);

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




OUTPUT:



delete selected <li> in js





Demikianlah Artikel Javascript Delete Selected LI

Sekianlah artikel Javascript Delete Selected LI kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Javascript Delete Selected LI dengan alamat link https://dev-create.blogspot.com/2017/12/javascript-delete-selected-li.html