getElementById与getElementsByTagName的区别

来源：互联网发布：linux 解压tar.gz 编辑：程序博客网时间：2024/06/15 20:27

<body>       <form id="myForm">            用户名：<input type="text" id="myName" name="input1" onblur="checkName()" />            <span id="myDiv"> </span><br />            密　码：<input type="text" id="myPwd" name="input2"/><br />            <input type="button" value=" 提交" name="submitButton" disabled/>       </form></body>

在上述代码中分别通过getElementById与getElementsByTagName取得类型为text的input节点

            var myName=document.getElementById("myName");            var input1=document.getElementsByTagName("input");

如果想取得类型为text的input节点的属性value值，会得到如下结果：

            console.log(myName.value);//LHY             console.log(input1.value);//undefined

通过getElementById获取的是目标节点，而通过getElementsByTagName获取的是节点数组。要想获取目标节点需要进行如下修改

            console.log(input1[0].value);//LHY

其次getElementsByTagName与getElementsByTagName用法相同。

阅读全文

0 0