首页 > 代码库 > DOM模型和事件处理---基本操作

DOM模型和事件处理---基本操作

1、getElementByIdgetElementById表示根据id获取,获取的是一个元素function showPassword(){    var pwd = documnet.getElementById(‘password‘);    //innerText 不支持firefox    documnet.getElementById(‘content‘).innerHtml = pwd.value;}2、getElementsByNamegetElementsByName 表示通过属性的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);}

 

DOM模型和事件处理---基本操作