Document类型

Document节点具有以下特征:

  1. nodeType —— 9
  2. nodeName —— #document
  3. nodeValue —— null
  4. parentNode —— null
  5. ownerDocument —— null
  6. 其子节点可能是一个Document(最多一个)、Element(最多一个)、ProcessingInstruction或Comment

一、文档的子字节

还有两个内置的访问其子节点的快捷方式

  1. documentElement :始终只想< html >
  2. childNodes :访问文档元素

二、文档信息

  1. < title > :显示在浏览器窗口的标题栏或者标签页上
    var originalTitle = document.title;//获得文档标题
    document.title = "New page title";//设置文档标题
  2. URL :包含页面完成的URL(即地址中显示的URL)
  3. domain :只包含页面的域名(若设置松散的域名,便不能设置紧绷的域名)
  4. 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(可更改)。

三、查找元素

  1. getElementById() :接收一个参数——要获得的元素的ID,并返回相应元素或null
  2. getElementsByTagName() :接收一个参数——要取得元素的标签名,并返回的是包含零或多个元素的NodeList。在HTML文档中,该方法会返回一个*HTMLCollection对象,作为一个动态集合。
  3. getElementsByName() :只有HTMLDocument支持使用,并返回带有带有给定name特性的所有元素,也会返回一个HTMLCollection对象

*可以通过方括号语法或者item()方法来访问对象中的项,还可以使用nameItem()通过元素name的特性获得集合的项;此外,它还支持按名称来访问项。

想要获得文档中的所有元素,可以向getElementByTagName()中传入“*”。
(在JS和CSS中,星号(*)通常表示“全部”)

四、特殊集合

  1. document.anchors :包含文档中所有带有name特性的< a >元素;
  2. document.forms:包含所有文档中所有的< form >元素;
  3. document.imges :包含文档中所有的< img >元素,与document.getElementsByTagName(“img”)得到的结果相同;
  4. document.links :包含文档中所有带href特性的< a >元素。

五、文档的写入

  1. write() —— 原样写入
  2. writeln() —— 末尾添加(\n)
  3. open() —— 打开网页的输入流
  4. close() —— 关闭

1和2值接受一个字符串,即写到输出流的文本

关于Document类型的总结相关推荐

  1. html页面设置document类型,DOM-Document类型

    Document类型 JavaScript通过Document类型表示文档.在浏览器中,document对象是HTMLDocument(继承自Document类型)的一个实例,document对象是w ...

  2. Javascript之DOM(Document类型)

    JavaScript通过document类型表示文档.在浏览器中,document对象是HTMLDocument的一个实例,表示整个HTML页面.document对象是window对象的一个属性. D ...

  3. 什么是document对象?如何获取文档对象上的元素?_javascript自学记录:Document类型...

    10.1.2 Document类型 Document类型表示文档,document对象是HTMLDocument的一个实例,document是window对象的一个属性: Document节点的特征: ...

  4. Document类型知识大全

    Document类型 1.文档的子节点 Document类型可以表示HTML页面或者其他基于XML的文档.不过,最常见的应用还是作为HTMLDocument实例的document对象.通过这个文档对象 ...

  5. 10.1.2 Document类型【JavaScript高级程序设计第三版】

    JavaScript 通过Document 类型表示文档.在浏览器中,document 对象是HTMLDocument(继承自Document 类型)的一个实例,表示整个HTML 页面.而且,docu ...

  6. 第10章 文档对象模型DOM 10.2 Document类型

    Document 类型 JavaScript 通过 Document 类型表示文档.在浏览器中, document 对象是 HTMLDocument (继承自 Document 类型)的一个实例,表示 ...

  7. JS的Document类型

    Document HTMLDocument继承自Document. 在浏览器中,document对象是HTMLDocument的一个实例,表示整个HTML页面.document对象是window对象的 ...

  8. JS学习之Node类型

    JS里面一共有12种Node类型.要了解Node类型详细信息可以使用nodeName和nodeValue这两个属性. 比较常用的类型有: 1)Document类型    nodeType为9,node ...

  9. (JS基础)DOM:节点类型

    Node 类型 所有节点类型都继承于 Node 类型,因此所有节点类型都共享这相同的基本属性和方法. 基本属性和方法 nodeName :节点名.对于元素类型,则是元素的标签名(均为大写),如&quo ...

  10. Node,Document,HTMLDocument,HTMLCollection解析

    这里说的是XML的这些对象,而HTML是继承这些对象的,并进行了扩展.如Document对象, Node对象 它是一个节点对象,代表文档树中的一个节点.是所有节点类型的基类 Node对象是整个DOM的 ...

最新文章

  1. excel概率密度函数公式_Excel统计函数“F”系列,日常办公数据分析必备7大公式!...
  2. 说说成为顶级运营人员的一个先决条件:做事的霸气!
  3. git版本管理工具学习
  4. Fixed Function Shader
  5. 如何注册MSN(Microsoft ID)
  6. 通过遍历类向Aspose.cell模板中插入数据
  7. 漫画:图的最短路径问题
  8. vue学习笔记-promise
  9. qq音乐 android,QQ音乐安卓版
  10. eclipse保护眼睛色设置
  11. 戴尔计算机没有硬盘驱动,戴尔电脑进PE系统找不到硬盘解决教程
  12. 大三开学,百度面试感受
  13. 解决“the database principal owns a schema in the database and cannot be dropped“问题
  14. 计算机网络原理第七版word,计算机网络原理简答题
  15. 批量将MP3或者m4a转为wav格式
  16. 损失次数模型-负二项分布
  17. Pytorch中的Conv1d()和Conv2d()函数
  18. kali_上传_腾讯云_搭建kali
  19. JQuery:$(...).ajaxSubmit is not a function
  20. Mac下安装MacPorts卡住了,“正在运行软件包脚本”,完美解决!

热门文章

  1. 中国MES市场主流厂商及产品分析
  2. 计算机基金经理排名,科班出身的基金经理业绩一定比非科班的好吗?
  3. Erlang学习时间曲线
  4. 中国护照可以免签的10个旅游天堂国家(地区)
  5. 一个数如果恰好等于它的因子之和,这个数就称为“完数”。例如,6的因子为1,2,3,而6=1+2+3,因此6是“完数”。编程序找出1000之内的所有完数,并输出其因子。
  6. 今天是2012年8月14日
  7. 怀旧服ouf头像插件_魔兽世界怀旧服EUI插件 V9.0.1.6 官方版
  8. python 优秀的库推荐
  9. 『梦想城镇』终极攻略
  10. 为什么ios比android流畅