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);
}