快速学习js 笔记五 dom对象 document

最新推荐文章于 2025-05-27 22:09:04 发布

原创最新推荐文章于 2025-05-27 22:09:04 发布 · 808 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文详细介绍了HTML文档对象模型（DOM）的基础知识，包括document对象的集合、属性和方法等内容。通过实例展示了如何使用JavaScript来操作页面元素。

1 、document 对象

集合对象

1） all[] 该对象有序的包含所有的元素对象，可以通过all[i]、all[name]、all.tags[tagname] 来访问个个元素

不过现在基本被 getElementByI()与getElementsByName()、getElementsByTagName()取代。

2)anchors[] 本文档中所有的超链接对象

3）forms[] 文档中所有的from对象

4）images[] 文档中所有的图片对象

5) links[] area中所有的links对象

属性

1） body 在js中可以直接用document.body 获取该对象进行body的操作

2）cookie 属性可设置或查询与当前文档相关的所有 cookie。

3) url 获取该 url 地址

4）domain 域名

5）title 标题

方法

1） open(mimetype,replace)：两个参数都是可选的以数据流的方式打开一个文档，然后cloce()该数据流。

2） write() writeln() 都是想html文档输出文本信息但是后面的这个方法会在输出后换行。

3) getElementById(id); 根据元素的ID获取该对象。

4） getElementsByName(name); 根据名称获取具有该参数一样的元素数组。

5）getElementsByTagName(TagName): 获取该标签的所有的元素对象

<html>
<head>
<script type="text/javascript">
function win()
  {
  var txt1 = "打开一个窗口";
  var txt2 = "test";
  win.document.open("text/html","replace");
  win.document.writeln(txt1);
  win.document.write(txt2);
  win.document.close();
  }
</script>
</head>
<body>

<script type="text/javascript">
var win=window.open('','','width=200,height=200');
win();
</script>

</body>
</html>

。