读书人

获取document对象值小结

发布时间: 2012-11-20 09:55:43 作者: rapoo

获取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比较适用。)





读书人网 >Web前端

热点推荐