DOM 모델 및 이벤트 처리 - 기본 작업

1、getElementById

getElementById id ， 



function showPassword(){

    var pwd = documnet.getElementById('password');

    //innerText  firefox

    documnet.getElementById('content').innerHtml = pwd.value;

}



2、getElementsByName

getElementsByName  name ， 



function nameTest(){

    // name = user ， 

    var users = document.getElementsByName('user');

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

        var v = users[i].value;

        if(v == 'us'){

            users[i].value = 'hello';

        }

    }

}



3、getElementsByTagName ， 



function tagTest(){

    // ， 

    var tags = document.getElementsByTagName('input');

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

        var v = tags[i].value;

    }

    // 

    var ts = document.getElementsByTagName('div');

    alert(ts.length);

}