'html css'에 해당되는 글 1

  1. 2014.10.28 콘솔 그룹 으로 찍기
2014. 10. 28. 15:53 html css

생활코딩 출처

http://opentutorials.org/course/1375/6666

이걸로 로그가 이쁘게 그룹으로 찍힌다 


 

<!DOCTYPE html>

<html>

<body>

<a id="anchor" href="#">opentutorials</a>

<ul>

    <li>HTML</li>

    <li>CSS</li>

    <li id="list">JavaScript</li>

</ul>

<input type="button" id="button" value="button" />

<script>

    console.group('before');

    var lis = document.getElementsByTagName('li');

    for(var i = 0; i < lis.length; i++){

        console.log(lis[i]);

    }

    console.groupEnd();

    console.group('after');

    lis[1].parentNode.removeChild(lis[1]);

    for(var i = 0; i < lis.length; i++){

        console.log(lis[i]);

    }

    console.groupEnd();

</script>

</body>

</html>

posted by 욱이다
prev 1 next