获取document对象值小结

获取document对象值总结
获取页面对象值
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].coffeetxt=""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比较适用。)
 

查看更多 下一篇