JavaScript文档对象模型总结(DOM)

最新推荐文章于 2024-01-25 14:11:49 发布

执~漠

最新推荐文章于 2024-01-25 14:11:49 发布

阅读量146

点赞数

分类专栏： js html 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44116816/article/details/105791202

版权

js 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

html

10 篇文章 0 订阅

订阅专栏

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者： 执~漠
撰写时间：2020年4月27日

1.文档对象模型：在浏览器窗口中的每个网页都可以看作一个对象。
2. document对象
每个载入浏览器的html文档都会成为document对象
提示：document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。
2.1 domain 属性可返回下载当前文档的服务器域名（如果打开的是本地文件返回的是“”）
语法：document.domain
2.2 referrer 属性可返回载入当前文档的文档的 URL（如果如果当前文档不是通过超级链接访问的，则为 null。这个属性允许客户端 JavaScript 访问 HTTP 引用头部。）
语法：document.referrer
2.3 title 属性可返回当前文档的标题（ HTML title 元素中的文本）
语法：document.title
2.4 URL 属性可返回当前文档的 URL。（返回的是F12里面的）
语法：document.URL
2.5 open() 方法可打开一个新文档，并擦除当前文档的内容。
语法document.open(mimetype,replace)

2.6 write() 方法可向文档写入 HTML 表达式或 JavaScript 代码，可列出多个参数(exp1,exp2,exp3,...) ，它们将按顺序被追加到文档中。该方法只接受单个字符串作为参数语法：document.write(exp1,exp2,exp3,....) `例：document.write("Hello World!")`; 2.7 close() 方法可关闭一个由 document.open 方法打开的输出流，并显示选定的数据语法：document.close()

参数	描述
mimetype	可选。规定正在写的文档的类型。默认值是 "text/html"。
replace	可选。当此参数设置后，可引起新文档从父文档继承历史条目。

 例    window.onload=function(){
var a = document.getElementById("rrr");
		  a.onclick=function(){
		  var newhtml = document.open("text/html","replace");
var txt = "<html><body>他也会 旅客的时间里分厘卡飞机开发啊空间的是犯得上看见 </body></html>"
		  newhtml.write(txt);
		  newhtml.close();
        }

2.8 getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
语法：document.getElementById(id)

例：var a= document.getElementById("ABC");//结果是<div id="ABC"></div>

2.9 getElementsByName() 方法可返回带有指定名称的对象的集合。
语法：document.getElementsByName(name)

例：console.log(document.getElementsByClassName("ABC"));
//结果是HTMLCollection(4) [div.ABC, div.ABC, div.ABC, div.ABC]

2.10 getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
语法：document.getElementsByTagName(tagname)

例：console.log(document.getElementsByTagName("div"));
//结果是HTMLCollection(5) [div#ABC, div.ABC, div.ABC, div.ABC, div.ABC, ABC: div#ABC]

执~漠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript文档对象模型总结(DOM)

开发工具与关键技术：Adobe Dreamweaver JavaScript作者：执~漠撰写时间：2020年4月27日1.文档对象模型：在浏览器窗口中的每个网页都可以看作一个对象。2. document对象每个载入浏览器的html文档都会成为document对象提示：document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。2...
复制链接

扫一扫

专栏目录