[html5] firefox firebug 콘솔 사용하기

[html5] firefox firebug 콘솔 사용하기

firefox를 사용하는 html에서 태그 보고 css 수정하는 정도로만 사용 했었는데 

책을 보니까 콘솔에 대해서 사용 방법이 적혀 있네요. 여러가지로 이용 할 수 있겠습니다.

firebug 1.9.1

* 콘솔 입력 예

1)

var li_len = document.getElementsByTagName('li').length;
while (0<li_len--) {
    console.log(li_len);
}

2)
var li = document.getElementsByTagName('li'),
    li_len = li.length;

while (0<li_len--) {
    var li_text = li[li_len].firstChild.nodeValue;
    console.log(li_text);
}

3)
var $h1 = jQuery('h1');
console.log($h1);
$h1.text('jQuery로 변경했습니다.');

[html5] firefox firebug 콘솔 사용하기