欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

获取document对象值总结

程序员文章站 2022-04-05 10:18:55
...
获取页面对象值
document.getElementById ,getElementsByName ,document.all,document.forms[0]:

一个元素定义了id,引用该元素时直接用id 属性,因此是唯一的!
得到的是到的是单个元素值
而name可以有多个,有些标签不推荐用!
得到的是数组

document.all:包括页面上的所有FORM的内容和设计元素。
(注意只有ie支持这种写法)
在获取id = "allfee" 的<select/>所有值,需要循环遍历

var lbx_all = document.all["allfee"];
var lbx_sel = document.all["fee"];
for (var i=0; i<lbx_all.options.length;){
if (lbx_all.options[i].selected){
...
}
}


document.forms[0]:指的当前表单。
在表单中使用多个checkbox

<input type="checkbox" name="coffee" value="奶油">加奶油<br />
<input type="checkbox" name="coffee" value="糖块">加糖块<br />


我们也可以用document.forms[0].coffee来获取
var coffee=document.forms[0].coffee
txt=""
for (i=0;i<coffee.length;++ i)
{
if (coffee[i].checked)
{
txt=txt + coffee[i].value + " "
}
}
document.getElementById("order").value="您订购的咖啡带有: " + txt


(在实际的应用中,如果页面上只有一个form可以用document.forms[0],如果有多个form document.all比较适用。)
相关标签: IE