DOM访问方式

最新推荐文章于 2024-03-19 00:45:00 发布

iteye_14486

最新推荐文章于 2024-03-19 00:45:00 发布

阅读量116

点赞数

CC 4.0 BY-SA版权

文章标签： HTML

本文链接：https://blog.youkuaiyun.com/iteye_14486/article/details/81897725

本文介绍了如何使用JavaScript通过两种方法获取HTML表单元素：一种是通过frames--forms--elements访问，另一种是通过name值直接访问。此外还展示了document对象的常用属性如forms、images、frames以及方法如getElementById和getElementsByName的具体应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DOM.html:

<html>
<body>
<form name="Form1" id="Form1" name="Form2">
	<input name="Input1" value="dddd" type="text"/>
	<input name="Input2" value="ssss" type="texy"/>
</form>

<form name="Form2" id="Form2" name="Form2">
	<input name="Input1" value="dddd" type="text"/>
	<input name="Input2" value="ssss" type="texy"/>
</form>

<script>
document.write("Form1:"+document.forms[0].elements[0].value+"<br/>")
document.write("Form1:"+document.Form1.Input1.value+"</br>");
document.write("Form2:"+document.forms[1].name);
document.close();
</script>
</body>
</html>

通过document获取表单元素时的方法有两种，
1.通过frames--forms--elements访问
2.通过name值访问
window等同于self的作用，一般省略
Window.window等同于Window.self等同于window等同于self
另外document的属性常用的有两个forms,images,frames方法getElementById,getElementsByName等，注意必须是document的方法，见下图