document.getElementById(), getElementsByname(),getElementsByClassName(),getElementsByTagName()

最新推荐文章于 2023-01-06 18:15:00 发布

原创最新推荐文章于 2023-01-06 18:15:00 发布 · 3.3k 阅读

4 ·

CC 4.0 BY-SA版权

本文通过一个简单的HTML表单示例，介绍了如何使用JavaScript进行DOM操作，包括获取元素、设置属性和遍历节点等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form>
    <input class="user" type="" name="user" value="hi"/>
    <input class="user" type="" name="user" value="hi"/>
</form>

window.onload=function(){
    //找到指定id属性值得对象 返回找到的一个对象
    var id=document.getElementById("uid");
    //找到指定name属性的对象，返回数组
    var arr=document.getElementsByName("user");
    //找到指定标签对象 ,返回数组
    var arr=document.getElementsByTagName("input");
    //找到指定class的对象，返回数组
    var arr=document.getElementsByClassName("user");
    for(i=0;i<arr.length;i++){
        //循环获取表单input的值
        //alert(arr[i].value);
        //循环获取属性的值
        //alert(arr[i].getAttribute("name"));
    }
}