Closure of elements



  • I'm a total zero in JS.

    <ul> Programming languages
        <li onclick="disappear()"> C++</li>
        <li onclick="disappear()"> C#</li>
        <li onclick="disappear()"> Pascal</li>
        <li onclick="disappear()"> Java</li>
        <li onclick="disappear()"> PHP</li>
        <li onclick="disappear()"> Basic</li>
        <li onclick="disappear()"> Fortran</li>
    </ul>
    

    I need you to press it. li removed. What's in the body? disapper Write?



  • Well, first of all, don't write that horror.

    HTML:

    <ul>
        <li class="deletable">C++</li>
        <li class="deletable">C#</li>
        <li class="deletable">Pascal</li>
        <li class="deletable">Java</li>
        <li class="deletable">PHP</li>
        <li class="deletable">и т.д.</li>
    </ul>
    

    JavaScript

    <script type="text/javascript">
    function removeElement() {
        // собственно удаление элемента...
        this.parentNode.removeChild(this);
    }
    function initDeletableNav() {
        // сначала выберем все элементы в массив 
        var elements = document.getElementsByClassName("deletable");
        var elementsLength = elements.length;
    
    // теперь пройдемся циклом по массиву...
    for( var i=0; i&lt;elementsLength; i++ ) {
        elements[i].addEventListener( "click", removeElement, false );
        // запишем обработчик для каждого элемента
    }
    

    }

    window.addEventListener( "load", initDeletableNav, false );
    // инициализируем обработку событий на загрузку окна
    </script>


Log in to reply
 


Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2