DHTML对象模型方法
来源：互联网 发布：office有哪些软件 编辑：程序博客网 时间：2024/05/08 12:24
<li>* 在DOM中，可以对页面元素进行访问，甚至对其进行操作。对于文档中的特定区域，如果已对其进行了惟一标识，则可以对该区域进行检索。
<li>* document.getElementById（元素标识）方法，返回id值为“元素标识”的对象的一个索引。
<li>* document.getElementsByName（元素名称）方法，返回name值为“元素名称”的所有XHTML元素对象的列表。
<li>* document.getElementsByTagName（标签名称）方法，返回别名为“标签名称”的所有XHTML元素的列表。
<li>* 要使用这些方法，需要在HTML中定义网页元素时，为其添加name值或id值。通常的做法是，对于要进行引用的元素，同时为其定义两个属性的值，并且二者取值相同，这样，无论使用“document.getElementById（元素标识）”还是使用“document. getElementsByName（元素名称）”，都可以随时对该元素进行引用。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>DHTML对象模型方法</title>
<script language="JavaScript">
<!--
function displayUsernameByDOM2()
{
//通过document.getElementById方法得到username的值
alert("输入的内容为：/n/n"+document.getElementById("username").value);
}
//-->
</script>
</head>
<body bgcolor="#ffc0c0" style="margin:40px">
<h2>获取网页文本框中输入的内容</h2><hr>
<form>
请输入：<input type="text" name="username" id="username">
<!--通过onclick调用displayUsernameByDOM2()函数-->
<input type="button" onclick="displayUsernameByDOM2();" value="确定">
</form>
</body>
</html>
<li>* document.getElementById（元素标识）方法，返回id值为“元素标识”的对象的一个索引。
<li>* document.getElementsByName（元素名称）方法，返回name值为“元素名称”的所有XHTML元素对象的列表。
<li>* document.getElementsByTagName（标签名称）方法，返回别名为“标签名称”的所有XHTML元素的列表。
<li>* 要使用这些方法，需要在HTML中定义网页元素时，为其添加name值或id值。通常的做法是，对于要进行引用的元素，同时为其定义两个属性的值，并且二者取值相同，这样，无论使用“document.getElementById（元素标识）”还是使用“document. getElementsByName（元素名称）”，都可以随时对该元素进行引用。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>DHTML对象模型方法</title>
<script language="JavaScript">
<!--
function displayUsernameByDOM2()
{
//通过document.getElementById方法得到username的值
alert("输入的内容为：/n/n"+document.getElementById("username").value);
}
//-->
</script>
</head>
<body bgcolor="#ffc0c0" style="margin:40px">
<h2>获取网页文本框中输入的内容</h2><hr>
<form>
请输入：<input type="text" name="username" id="username">
<!--通过onclick调用displayUsernameByDOM2()函数-->
<input type="button" onclick="displayUsernameByDOM2();" value="确定">
</form>
</body>
</html>
- DHTML对象模型方法
- DHTML对象模型方法-innerHTML
- DHTML对象模型 (二)
- DHTML对象模型 (三)
- DHTML对象模型
- DHTML对象模型 (一)(ZT)
- DHTML模型的window对象
- DHTML模型的location对象
- DHTML模型的screen对象
- DHTML模型的navigator对象
- DHTML对象模型（About the DHTML Object Model）(一)
- DHTML对象模型（About the DHTML Object Model）(二)
- DHTML对象模型（About the DHTML Object Model）(三)
- DHTML对象
- JS应用DOM入门：和DHTML对象模型的比较
- javascript（七）window其他子对象（DHTML模型）
- javascript（七）window其他子对象（DHTML模型）
- JS-DHTML模型
- 学好Java关键的几点
- Linux环境下USB的原理、驱动和配置
- 字符串翻倍
- 新编日语-第9课 家族
- TreeView简单实现
- DHTML对象模型方法
- DHTML对象模型方法-innerHTML
- 处理网页中表格内容
- W3C对象模型方法
- 显示浏览器名称与版本
- JavaScript检测
- sql select id in的排序问题
- 数据结构
- java中的一些常用词汇
