使用document.all.item定位Html元素

发布时间:2024-12-17 23:23

使用抽象元素增加创意元素 #生活技巧# #创意技巧# #摄影构图技巧#

最新推荐文章于 2024-07-09 15:47:50 发布

忙碌的布谷鸟 于 2011-04-29 11:37:00 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

定位Html文档元素的最简单的方法之一就是使用document对象(由window.document 属性代表)的all集合,它包含了Html页面中所有的元素。又因为每个元素由其id或name属性所代表,故可以方便的通过all集合数组或元素的id或name属性定位(或访问)特定的Html元素。需要注意的是:部分Html元素只有id属性而无name属性,如<HTML>,<BODY>,<SPAN>,<DIV>等;而asp.net的WEB控件也更多的使用id属性来访问控件,故建议只使用id属性来定位(或访问)特定的Html元素。
1) 定位的方法: 
document.all[index]
document.all[“id“]
document.all.item(index)
document.all.item(“id“)
document.all[“name“]
document.all.item(“index“)
注:在IE浏览器及Jscript中,也可以:document.all(index)   document.all(“id“)    document.all(“name“) ,但为了统一和不混淆,建议不这样使用。
2)当存在多个元素的id或name属性值相同的情况时,你按1)中相应方法得到的将是这些元素的集合。这时你就可以考虑这样访问(这里使用1)中的document.all.item(“id“)):
document.all.item(“id“).item( index' )
document.all.item(“id“,index' )
document.all.item(“id“)( index' )
3)可以使用all.tags来返回属于指定Html标记类型的所有元素对象的集合:
document.all.tags(“Html标记“)


4)对于文档中的与<BODY>“视觉上同层”(编辑代码时看起来处于同一层次,实际上<BODY>是<HTML>的子元素等)的元素如<HTML><SCRIPT>,以及<BODY>的直接子元素而言,可以简便的使用window来访问:
window.id

window.name

1、document.all.myCheckBox和 document.all.item通过控件的名字定位控件,item()中是控件的名字
例如:
<input type="checkbox" name="myCheckBox">
可以用
document.all.myCheckBox得到这个控件,也可以写成document.all.item("myCheckBox")
用item的好处是,
1.如果你的控件的name是数字,比如<br>
<input type="checkbox" name="123456789">
,使用document.all.123456789会报错,用document.all.item("123456789")可以正确得到。
2.如果你的控件名字存在一个变量中,你必须这样写
var name = "myCheckBox";
eval("document.all."+name);
同样也可以写成document.all.item(name)
<form name="form1">
<input id="a" name="a" type="text" value="123123213">
</form>
<script language="javascript">
document.write(document.form1.a.value);
document.write("<br>");
document.write(document.all.item("a").value);
</script>
2、一个form同时提交到两个页面的效果,工作的需要,随手记了下来!
<script language="javascript">
function F_submit(){
document.form1.target="_blank";
document.form1.action="1.asp";
document.form1.submit();
document.form1.target="_blank";
document.form1.action="2.asp";
document.form1.submit();
}
</script>
<form name="form1" method="post" action="">
<input type="text" name="textfield">
<input type="button" name="Submit" value="提交" onClick="F_submit()">
</form>

网址:使用document.all.item定位Html元素 https://www.yuejiaxmz.com/news/view/504065

相关内容

html清空默认功能,清空元素html(“”) innerHTML=“” 与 empty()的区别和应用(推荐)
HTML input type=file文件选择表单元素二三事 « 张鑫旭
记录一次HTML中的meta标签使用及含义
selenium 定位方式3
html学习3
Html
深入解析UIAutomatorViewer:Android自动化测试与元素定位工具
Html基本标记
html知识点
JSP脚本元素(声明 %! 表达式 %= 脚本 %)

随便看看