DOM类型值:Document类型

news/2024/7/4 9:26:06

Document节点具有以下特征: 

 nodeType —— 9

 nodeName —— #document

 nodeValue —— null 

parentNode —— null 

ownerDocument —— null 

其子节点可能是一个Document(最多一个)、Element(最多一个)、rocessingInstruction或Comment 

一、文档的子字节 

还有两个内置的访问其子节点的快捷方式 documentElement :始终只想< html > childNodes :访问文档元素

 二、文档信息

 < title > :

显示在浏览器窗口的标题栏或者标签页上 var originalTitle = document.title;//获得文档标题 document.title = "New page title";//设置文档标题 

URL :

包含页面完成的URL(即地址中显示的URL) 

domain :

只包含页面的域名(若设置松散的域名,便不能设置紧绷的域名) 

referrer :

保存着链接到当前页面的那个页面的URL 其中2和3是相互关联的,在2、3、4中,只有domain是可以设置的,但并非可以设置任何值。若URL只包含一个子域名,例如:www.aaa.com,那么domain只能设置为aaa.com,且不能将这个属性设置为URL中不包含的域。但如果URL的值为http://www.aaa.com/bbb/ccc/,那么domain就等于www.aaa.com(可更改)。

 三、查找元素

 getElementById() :接收一个参数——要获得的元素的ID,并返回相应元素或null 

getElementsByTagName() :接收一个参数——要取得元素的标签名,并返回的是包含零或多个元素的NodeList。在HTML文档中,该方法会返回一个*HTMLCollection对象,作为一个动态集合。

 getElementsByName() :只有HTMLDocument支持使用,并返回带有带有给定name特性的所有元素,也会返回一个HTMLCollection对象 *可以通过方括号语法或者item()方法来访问对象中的项,还可以使用nameItem()通过元素name的特性获得集合的项;此外,它还支持按名称来访问项。 想要获得文档中的所有元素,可以向getElementByTagName()中传入“*”。 (在JS和CSS中,星号(*)通常表示“全部”)

 四、特殊集合

 document.anchors :包含文档中所有带有name特性的< a >元素; 

document.forms:包含所有文档中所有的< form >元素;

document.imges :包含文档中所有的< img >元素,与document.getElementsByTagName(“img”)得到的结果相同; 

document.links :包含文档中所有带href特性的< a >元素。

 五、文档的写入

 write() —— 原样写入 

writeln() —— 末尾添加(\n) 

open() —— 打开网页的输入流 

close() —— 关闭 1和2值接受一个字符串,即写到输出流的文本



转载于:https://juejin.im/post/5d0360bbf265da1b7a4b70db


http://www.niftyadmin.cn/n/987194.html

相关文章

PHP获取系统信息的函数方法

原帖&#xff1a;https://blog.csdn.net/qq_37682202/article/details/77932387 获取系统类型及版本号&#xff1a; php_uname() 只获取系统类型&#xff1a; php_uname(s) 只获取系统版本号&#xff1a; php_uname(r) 获取PHP运行方式&#xff1a; php_sapi_name() 获取前进…

LNMP安装与配置之Python3

环境 我们是在CentOS7下安装python3&#xff0c;但CentOS已经默认安装了Python2&#xff0c;而 Yum 等工具依赖原来的Python2。所以我们需要稍作配置让Python2与Python3可以共存。当然我们也可以使用Python虚拟环境&#xff0c;在这里我们就不做过多介绍了。下面进入主题。 安装…

打开查看的CAD图纸文件如何设置将其居中显示?

打开查看的CAD图纸文件如何设置将其居中显示&#xff1f;使用CAD编辑器软件进行打开查看一张CAD图纸文件的时候图纸过大或是过小都无法将其进行全方位的查看&#xff0c;所以我们需要将其进行居中显示查看&#xff0c;具体应该怎么样进行操作&#xff0c;下面小编就以迅捷CAD编…

提高Web页面的性能(一)

优化网站性能的14条规则&#xff08;更新&#xff09; 1. 尽可能的减少 HTTP 的请求数[content]2. 使用 CDN&#xff08;Content Delivery Network&#xff09;[server]3. 添加 Expires 头(或者 Cache-control )[server]4. Gzip 组件 [server]5. 将 CSS 样式放在页面的上方[css…

[Go] golang原子函数实现goroutine同步

启动了两个goroutine&#xff0c;并完成一些工作。在各自循环的每次迭代之后&#xff0c;在goroutine 会使用LoadInt64 来检查shutdown 变量的值。这个函数会安全地返回shutdown 变量的一个副本。如果这个副本的值为1&#xff0c;goroutine 就会跳出循环并终止。 package maini…

智能化一站式元器件供应平台,硬之城完成近千万美元B1轮融资 ...

4月15日消息&#xff0c;近日硬之城完成近千万美元B1轮融资&#xff0c;由魔量资本独家投资。 据悉&#xff0c;此轮融资将用于加大品牌、市场、供应及AI产业应用的投入&#xff0c;进一步提升一站式交付能力&#xff0c;快速规模化。 硬之城是一家基于大数据与人工智能技术&…

Silverlight+WCF 新手实例 象棋 WCF通讯轮询(十七)

2019独角兽企业重金招聘Python工程师标准>>> 上节说到&#xff1a; 关于双向通讯&#xff0c;官方提供了N种可以双向的&#xff0c;不过今天要用到的&#xff0c; 是pollingDuplexHttpBinding,一个扩展的轮询机制的双向通讯&#xff0c;当你也可以尝试用上面的通讯方…

海量数据处理面试题

前言一般而言&#xff0c;标题含有“秒杀”&#xff0c;“99%”&#xff0c;“史上最全/最强”等词汇的往往都脱不了哗众取宠之嫌&#xff0c;但进一步来讲&#xff0c;如果读者读罢此文&#xff0c;却无任何收获&#xff0c;那么&#xff0c;我也甘愿背负这样的罪名&#xff0…