BOM操作笔记6：使用document对象（JavaScript）

访问文档对象

浏览器在加载文档时，会自动构建文档对象模型，把文档中同类元素对象对象映射到一个集合中，然后以document对象属性的形式允许用户访问。

这些集合都是HTMLCollection对象，为访问文档常用对象提供了快捷方式。

• document.anchors：返回文档中所有Anchor对象，即所有带name特性的a标签。
• document.applets：返回文档中所有Applet对象，即所有applet标签，不推荐使用。
• document.forms：返回文档中所有Form对象，与document.getElementByTagName(“form”)得到的结果相同。
• document.links：返回文档中所有Area和Link对象，即所有带href特性的a标签。

<p>这是一个段落</p>
<img height="200" width="300" src="../img/bg.JPG"/>
<img src="../img/bg.JPG"/>
<img src="../img/3.jpg"/>
<b>划重点</b>
<form action="https://blog.youkuaiyun.com/weixin_40119412/article/details/103914678" method="post">
</form>

alert(document.images[2].src);
alert(document.forms[0].action);

动态生成文档内容

使用document对象的write()和writeln()方法可以动态生成文档内容，包括两种方式：

• 在浏览器解析时动态输出信息。
• 在调节事件处理函数时使用write()和writeln()方法生成文档内容。

write()方法支持多个参数，当它传递多个参数时，这些参数将被依次写入文档。

document.write("hello","   ","---","good");