获取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/>所有值,需要循环遍历
document.forms[0]:指的当前表单。
在表单中使用多个checkbox
我们也可以用document.forms[0].coffee来获取
(在实际的应用中,如果页面上只有一个form可以用document.forms[0],如果有多个form document.all比较适用。)
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比较适用。)
下一篇: 字符串操作