文档对象代表浏览器窗口中的文档,该对象是Windows对象的子对象,由于windows对象是DOM对象模型中默认的对象,因此windows对象中的方法和子对象不需要使用windows来引用。通过document对象可以访问HTML文档中包含的任何HTML标记,并可以动态的改变HTML标记中的内容。。以下仅示例两个:
=============================================
1.动态添加一个HTML标记
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function addText(){
var txt = document.createElement("input");
txt.type = "text";
txt.name = "txt";
txt.value = "动态添加的文本框";
document.fm1.appendChild(txt);
}
</script>
<body>
<form name="fm1">
<input type="button" name="btn1" value="动态添加文本框" onclick="addText();" />
</form>
</body>
</html>
2.获取文本框并修改其内容
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function c1(){
var t = document.getElementById("txt");
t.value="修改文本内容";
}
</script>
<body>
<input type="text" id="txt" value="初始化文本内容"/>
<input type="submit" value="更改文本内容" name="btn" onclick="c1(); " />
</body>
</html>