js直接传入参数的方法极其getElement和getElements分别对应Id和name的区别

jackxiang 2011-3-16 19:09 | |

<form action="" method="get">
       <a href="#" title=""></a><span id="search"><input  type="text" onblur="if(this.value=='') this.value='获奖信息查询';" onfocus="if(this.value=='获奖信息查询') this.value='';" value="获奖信息查询" name="FQQ" id="FQQ">
       <input name="" type="button" class="button"  value=""  onfocus="this.blur()" onclick="searchBlueRedZuan(document.getElementById('FQQ').value);"></span>
   </h2></form>


JavaScript中document.getElementsByName(name)[0]的意思。
一般经常见到document.getElementsByName(name),末尾再加上“[0]”是为何意?document.getElementsByName(name)一定是数组吗?假如html文件中已确定只有一个变量的名字为name,那么是不是仍然要加"[0]"?

document.getElementsByName(name)是取得页面中标签名属性名为name的标签对象,此处的name是一个变量,具体值根据上下文来确定.标签允许name属性名可以同名,所以用此方法取得的往往是一个集合(数组),所以用后面加[0](如果多个还可以1,2等)来得到具体的值.如:
<a name=c1>...
<p name=c1>...
<input name=c2>...
使用document.getElementsByName(”c1“)[0]将获得a对象,document.getElementsByName(”c1“)[1]获取p标签对象.

注意:加在c1上的双引号是英文状态下的,现在例子中使用了全角的,因为百度新平台有点问题,会过滤掉带双引号的内容。

DCshi的这个,注意它是一个数组,通过下标0加点getAttribute来获取值:

document.getElementsByName("FQQ")[0].getAttribute("value")



<script>
document.getElementById("newid").onclick=function(){alert(this.value);}
</script>

来源:http://zhidao.baidu.com/question/199450007.html

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:https://jackxiang.com/post/4115/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!

评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]