zoukankan      html  css  js  c++  java
  • document的属性与方法小结

    document节点是文档的根节点,每张网页都有自己的document节点。
    属性:
    1:document.doctype----它是一个对象,包含了当前文档类型 (Document Type Declaration,简写DTD)信息。
    2:document.documentElement----返回当前文档的根节点,对于HTML网页,该属性返回<html>节点。
    3:document.defaultView---在浏览器中返回window对象
    4:document.head-----返回当前文档的<head>节点
    5:document.body-----属性返回当前文档的<body>
    6:document.activeElement----返回当前文档中获得焦点的那个元素
    7:document.documentURI---返回一个字符串,表示当前文档的网址。所有文档都具备的
    8:document.URL---返回一个字符串,表示当前文档的网址。HTML文档独有的。
    9:document.domain----返回当前文档的域名。
    10:document.lastModified----返回当前文档最后修改的时间戳,格式为字符串。
    11:document.title----返回当前文档的标题,该属性是可写的。
    12:document.characterSet---返回渲染当前文档的字符集,
    13:document.referrer-----返回一个字符串,表示当前文档的访问来源,
    14:document.cookie----操作浏览器Cookie
    15:document.readyState----返回当前文档的状态,共有三种可能的值。
    loading:加载HTML代码阶段(尚未完成解析)
    interactive:加载外部资源阶段时
    complete:加载完成时
    16:document.designMode----控制当前文档是否可编辑
    17:document.compatMode----返回浏览器处理文档的模式,
    可能的值为BackCompat(向后兼容模式)和CSS1Compat(严格模式)。
    18:document.implementation---返回一个对象,用来甄别当前环境部署了哪些DOM相关接口。
    19:document.location----返回location对象,提供了当前文档的URL信息。
    document.location属性与window.location属性等价。
    20:document.scripts----返回当前文档的所有脚本
    21:document.styleSheets---返回一个类似数组的对象,代表当前网页的所有样式表。
    22:document.links---返回当前文档所有设定了href属性的a及area元素。
    23:document.forms---返回页面中所有表单元素form。
    24:document.images---返回页面所有图片元素
    25:document.embeds---返回网页中所有嵌入对象
    方法:
    1:document.write()---用于向当前文档写入内容。只要当前文档还没有用close方法关闭,它所写入的内容就会追加在已有内容的后面。
    2:document.writeln()----与write方法完全一致,除了会在输出内容的尾部添加换行符。
    注意,document.write会当作HTML代码解析,不会转义。
    除了某些特殊情况,应该尽量避免使用document.write这个方法。
    3:document.getElementsByTagName()----返回值是一个类似数组的HTMLCollection对象。返回所有指定HTML标签的元素,元素的变化实时反映在返回结果中。
    4:document.getElementsByClassName()----返回值是一个类似数组的HTMLCollection对象。返回包括了所有class名字符合指定条件的元素,元素的变化实时反映在返回结果中。
    5:document.getElementsByName()---返回一个类似数组的的对象(NodeList对象的实例) 用于选择拥有name属性的HTML元素
    6:getElementById()--------返回匹配指定id属性的元素节点。
    这个方法只能在document对象上使用,不能在其他元素节点上使用。
    7:document.querySelector()---接受一个CSS选择器作为参数,返回匹配该选择器的元素节点。如果有多个节点满足匹配条件,则返回第一个匹配的节点。如果没有发现匹配的节点,则返回null。
    8:document.querySelectorAll()---返回一个NodeList对象,包含所有匹配给定选择器的节点。 不会实时反映元素节点的变化。但是,7和8都无法选中伪元素和伪类。
    9:document.createElement()---生成HTML元素节点
    10:document.createTextNode()---用来生成文本节点,参数为所要生成的文本节点的内容。 createTextNode方法对大于号和小于号进行转义,不对单引号和双引号转义
    11:document.createAttribute()---生成一个新的属性对象节点,并返回它。参数是属性的名称。
    12:document.createDocumentFragment()---生成一个DocumentFragment对象。 DocumentFragment对象是一个存在于内存的DOM片段,但是不属于当前文档,常常用来生成较复杂的DOM结构,然后插入当前文档。因为DocumentFragment不属于当前文档,对它的任何改动,都不会引发网页的重新渲染,比直接修改当前文档的DOM有更好的性能表现。
    13:document.createEvent()---生成一个事件对象,参数是事件类型
    14:document.addEventListener()----添加事件监听函数
    15:document.removeEventListener()----移除事件监听函数
    16:document.dispatchEvent()----触发事件
    17:document.hasFocus()---返回一个布尔值,表示当前文档之中是否有元素被激活或获得焦点。
    18:document.createNodeIterator()-----返回一个DOM的子节点遍历器。遍历子节点。第一个参数为遍历器的根节点,第二个参数为所要遍历的节点类型--文本节点(NodeFilter.SHOW_TEXT),
    元素节点-NodeFilter.SHOW_ELEMENT, 所有节点-NodeFilter.SHOW_ALL
    nextNode方法先返回遍历器的内部指针所在的节点,然后会将指针移向下一个节点。所有成员遍历完成后,返回null。previousNode方法则是先将指针移向上一个节点,然后返回该节点。
    19:document.createTreeWalker()----返回一个DOM的子树遍历器。它遍历整个子树。第一个参数,是所要遍历的根节点,第二个参数指定所要遍历的节点类型。
    20:document.adoptNode()-----将某个节点,从其原来所在的文档移除,插入当前文档,并返回插入后的新节点。
    21:document.importNode()----从外部文档拷贝指定节点,插入当前文档。
    它的第一个参数是外部节点,第二个参数是一个布尔值,
    表示对外部节点是深拷贝还是浅拷贝,默认是浅拷贝(false)
    22:document.getSelection()-----这个方法指向window.getSelection()
    23:document.open()---用于新建一个文档,供write方法写入内容。
    24:document.close()---用于关闭open方法所新建的文档。一旦关闭,write方法就无法写入内容了。
    作者:
    链接:https://www.imooc.com/article/15414
    来源:慕课网

  • 相关阅读:
    Calling a parent window function from an iframe
    JSON with Java
    Posting array of JSON objects to MVC3 action method via jQuery ajax
    What's the difference between jquery.js and jquery.min.js?
    jquery loop on Json data using $.each
    jquery ui tabs详解(中文)
    DataTables warning requested unknown parameter
    Datatables 1.10.x在命名上与1.9.x
    jQuery 1.x and 2.x , which is better?
    DataTabless Add rows
  • 原文地址:https://www.cnblogs.com/hanguidong/p/9092052.html
Copyright © 2011-2022 走看看