document 订阅
每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。 展开全文
每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。
信息
对    象
Window对象的一部分
属    于
计算机专业术语
类    别
每个载入浏览器的HTML文档
中文名
文件,文献,议案
外文名
Document
Document简介
HTMLDocument 接口对 DOMDocument 接口进行了扩展,定义 HTML 专用的属性和方法。很多属性和方法都是 HTMLCollection 对象(实际上是可以用数组或名称索引的只读数组),其中保存了对锚、表单、链接以及其他可脚本元素的引用。这些集合属性都源自于 0 级 DOM。它们已经被Document.getElementsByTagName()所取代,但是仍然常常使用,因为他们很方便。write() 方法值得注意,在文档载入和解析的时候,它允许一个脚本向文档中插入动态生成的内容。注意,在 1 级 DOM中,HTMLDocument 定义了一个名为getElementById()的非常有用的方法。在 2 级 DOM 中,该方法已经被转移到了 Document 接口,它现在由 HTMLDocument 继承而不是由它定义了。 [1] 
收起全文
精华内容
下载资源
问答
  • Document document = new Document(); document.LoadFromFile("Stories.doc"); 需要引用哪个dll
  • Dcoment表示文档,这里的文档可以是HTML文档,也可以是XML文档,换句话说Document类型能表示HTML和XML等文档; HTMLDocument对象继承自Document对象,专用于...Document对象(根节点)的特征: <!DOCTYPE ht...
    1. Dcoment表示文档,这里的文档可以是HTML文档,也可以是XML文档,换句话说Document类型能表示HTML和XML等文档;
    2. HTMLDocument对象继承自Document对象,专用于表示HTML文档;
    3. document对象是HTMLDocument对象的一个实例,表示整个HTML页面,又叫做页面的根节点;

    Document对象(根节点)的特征:

    <!DOCTYPE html>
    <html>
        <head></head>
        <body>
        </body>
        <script>
            console.log(document.nodeType);
            console.log(document.nodeName);
            console.log(document.nodeValue);
            console.log(document.parentNode);
            console.log(document.ownerDocument);
            console.log(document.childNodes);  // 其子节点可能是一个DocumentType(最多一个)、Element(最多一个)、ProcessingInstruction或Comment
        </script>
    </html>

     

    展开全文
  • documentdocument.documentElement的区别

    千次阅读 2019-03-05 16:05:22
    ... 文档的标题 文档的内容...... ...此时的document就指的是这个foo.html文档,而document.documentElement则是。...document表示整个文档 Object.prototype.toString.call(document) //return “[object HTMLDocu...

    例如,下面这个最常见的html文件。
    foo.html

    文档的标题 文档的内容...... 此时的document就指的是这个foo.html文档,而document.documentElement则是。 document表示整个文档

    Object.prototype.toString.call(document)
    //return “[object HTMLDocument]”
    document.documentElement表示取得对的引用

    Object.prototype.toString.call(document.documentElement)
    //return "[object HTMLHtmlElement]
    你还可以取得body,doctype,title,URL,domain等的引用,例如
    document.body
    document.doctype

    注意doctype,可以帮助你理解二者的不同。

    展开全文
  • document.querySelector()方法

    万次阅读 多人点赞 2018-03-22 20:17:13
    HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持,也可以方便的获取DOM元素,语法跟jQuery类似。 获取文档中id=”container”的元素 &lt;!DOCTYPE html&gt; &lt;...ti

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程

    HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持,也可以方便的获取DOM元素,语法跟jQuery类似。

    获取文档中id="container"的元素

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    </head>
    <body>
    	<div id="contatiner">huang</div>
    	<script type="text/javascript">
    		var destination = document.querySelector("#contatiner");
    		console.log(destination);
    	</script>
    </body>
    </html>
    

    这里写图片描述

    注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。

    参数类型可以为如下:

    指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。

    对于多个选择器,使用逗号隔开,返回一个匹配的元素。

    获取第一个p元素

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    </head>
    <body>
    	<p>张露露,我爱你</p>
    	<p>黄宝康,我也爱你</p>
    
    	<script type="text/javascript">
    	var node = document.querySelector("p");
    		console.log(node);
    	</script>
    </body>
    </html>
    

    这里写图片描述

    获取文档中的第一个class="lover"的元素

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    </head>
    <body>
    	<span class="lover">张露露</span>
    	<span class="lover">黄宝康</span>
    
    	<script type="text/javascript">
    	var node = document.querySelector(".lover");
    		console.log(node);
    	</script>
    </body>
    </html>
    

    这里写图片描述

    获取class=“lover” 的第一个p元素

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    </head>
    <body>
    	<span class="lover">张露露</span>
    	<p class="lover">黄宝康</p>
    
    	<script type="text/javascript">
    	var node = document.querySelector("p.lover");
    		console.log(node);
    	</script>
    </body>
    </html>
    

    这里写图片描述

    获取第一个带target属性的a元素

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    </head>
    <body>
    	<a href="http://www.baidu.com">百度一下</a>
    	<a href="https://www.taobao.com" target="_blank">淘宝一下</a>
    
    	<script type="text/javascript">
    	var node = document.querySelector("a[target]");
    		console.log(node);
    	</script>
    </body>
    </html>
    

    这里写图片描述

    多个选择器的使用方法

    以下代码将为文档的第一个 <h2> 元素添加背景颜色:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    </head>
    <body>
    	<h2>二级标题</h2>
    	<h3>三级标题</h3>
    	<script type="text/javascript">
    		document.querySelector("h2,h3").style.backgroundColor = "blue";
    	</script>
    </body>
    </html>
    

    这里写图片描述

    但是,如果文档中 <h3> 元素位于 <h2> 元素之前,<h3> 元素将会被设置指定的背景颜色。

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    </head>
    <body>
    	<h3>三级标题</h3>
    	<h2>二级标题</h2>
    	
    	<script type="text/javascript">
    		document.querySelector("h2,h3").style.backgroundColor = "blue";
    	</script>
    </body>
    </html>
    

    这里写图片描述

    总结,多元素选择时,哪个先匹配就是谁咯,只有一个被选中。

    展开全文
  • ctex中报documentdocumentclass错误

    千次阅读 2018-11-17 11:11:09
    问题1:ctex编译报documentclass处错误:*(某乱码文字)+\documentclass… 问题2:ctex编译报document处错误:Missing \begin{document} 问题情景: winedt编译一个乱码后经过修改的tex文件时 针对问题1: step1 ...

    问题描述:
    问题1:ctex编译报documentclass处错误:*(某乱码文字)+\documentclass…
    问题2:ctex编译报document处错误:Missing \begin{document}
    问题情景:
    winedt编译一个乱码后经过修改的tex文件时
    针对问题1:
    step1 确保\documentclass前没有任何文字
    step2如果经过step1检查,仍然编译出错,那么是软件傻了。接着用Texworks(ctex带了一连串软件中的一个)打开,用xelatex编译或者Xelatex+Makeindex+Bibtex编译,没有错误,成功出现pdf。另存为tex文件,再用winedt编译恢复正常*
    针对问题2:
    step1 确保有\begin{document}
    step2如果经过step1检查,仍然编译出错。用Texworks(ctex带了一连串软件中的一个)打开,用xelatex编译或者Xelatex+Makeindex+Bibtex编译,没有错误,成功出现pdf。另存为tex文件,再用winedt编译恢复正常*
    经验: texworks是个好东西,可以帮助解决好多奇怪的问题
    本经验适合刚入门tex的盆友,啥叫刚入门,就是你刚用cetx写过一篇比较正式的科技性文章,大概基础的操作都懂了。(于是乎开始各种搞幺蛾子,比如我自己)

    展开全文
  • (3)document.documentElement 与 document.body的应用场景 获取 scrollTop 方面的差异 ①在chrome(版本 52.0.2743.116 m)下获取scrollTop只能通过document.body.scrollTop,而且DTD是否存在,不会影响 docume
  • 获取HTML元素3个方法比较:document.getElementsByName()、document.getElementById()、document.getElementsByTagName() document.getElementsByName() 是根据控件名称获取这个控件对象,因为控件名称可以相同,...
  • document对象

    千次阅读 2017-04-12 10:41:12
    document对象概述 文档对象(document)代表浏览器窗口中的文档,该对象是window对象的子对象,由于window对象是DOM对象模型中的默认对象,因此window对象中的方法和子对象不需要使用window来引用。 通过...
  • document对象详解

    千次阅读 2018-05-08 16:34:43
    在浏览器中,与用户进行数据交换都是通过客户端的javascript代码来实现的,而完成这些交互工作大多数是document对象及其部件进行的,因此document对象是一个比较重要的对象。document对象概述document对象是文档的根...
  • document.getElementsByClassName()与document.getElementById(),大家应该对这两个方法都非常的不能再熟悉的js方法了,就是获取DOM元素嘛,有什么难的。今天我在这两个简单的方法上面犯了错误。我页面中有一个按钮...
  • Java Document生成和解析XML

    万次阅读 2018-08-18 12:06:45
    Document 场景:需要知道文档所有结构 需要把文档一些元素排序 文档中的信息被多次使用的情况 优势:由于Document是java中自带的解析器,兼容性强 缺点:由于Document是一次性加载文档信息,如果文档太大,不...
  • document.documentElement和document.body的区别这两个的有何区别?用法 这两个的有何区别? document.body返回出来的是html 中&amp;lt; body &amp;gt; console.log(document.body) document....
  • document.getElementById 是用Id选择元素,一个Id只对应一个元素。 document.getElementsById 是用元素名称选择元素一个元素名称可能有很多元素,取的是集,即不确定有几个才加s。 ...
  • webdriver爬虫#document问题

    千次阅读 2018-08-21 10:48:27
    如图,我们想获取#document下面body的内容。 如果使用 1.driver = webdriver.Chrome() 2.driver.get(url) 3.driver.find_element_by_xpath 此时会发现#document下的body中的内容为空。 document is a virtual ...
  • document 常用事件

    千次阅读 2018-01-20 17:07:16
    document.getElementById("image01").onclick = function(){ alert("666"); }; //键盘按键松开 document.getElementById("checkcodeID").onkeyup //创建一个img对象,然后赋予它一些值 var img = docu
  • 如果需要将一段html 转换为 Document Object Model (文档对象模型),而不影响到当前的html内容,可以通过document.implementation.createHTMLDocument创建一个新的document实现// 创建一个全新的 document(和当前...
  • 网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动: <div id="div" style="width:100px;height:100px;background:#ccc;position:absolute;"></div&...
  • 要访问 HTML 页面中元素,除可以用...Document对象的属性和方法中有的可返回单个Element元素对象,有的会返回一个HTMLCollection元素集合对象,其中保存了对锚、表单、链接以及其他元素的引用。 Document对象
  • querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。而querySelectorAll() 则会返回匹配到的所有元素。 所以CSS 选择器支持的语法,...document.querySelector("p"); 实例:获取文档中 id="dem...
  • document 和 window.document

    千次阅读 2011-06-29 17:09:00
    通常我在写javascript的时候从来没有意识到document和window.document之间是有区别的,实际使用过程中也确实没有遇到问题,但是这埋下了非常大的隐患,当出现问题时,这个bug就会变得非常难找。代码如下:test1.jsp:...
  • document操作自定义属性

    千次阅读 2017-11-23 17:11:48
    document操作自定义属性
  • document load 与document ready的区别

    千次阅读 2017-04-06 09:48:17
    页面加载完成有两种事件 1.load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片...2.$(document).ready()是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行
  • JavaScript访问某个HTML元素,可以使用document.getElementById(id)方法...document.getElementById("demo").innerHTML="Hello world"; 显示效果: 2、写到文档输出 JavaScript写到文档输出,可以使用docum
  • 区别DOMContentLoaded: DOM解析完成即触发此事件,不等待styles, images等资源的加载load:依赖的资源也已加载完成DOMContentLoaded绑定到document,load绑定到windowdocument.addEventListener('DOMContentLoaded',...
  • XmlDocument xd = new XmlDocument(); //添加顶级结点(如果不添加一个节点的话,无法使用xd.DocumentElement.AppendChild,会报出:未将对象引用设置到对象的实例的错误) XmlElement xe = xd.CreateElement(...
  • javaScript中window.document可以简写成document(即window可以省略) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JQuery学习29篇</title> <link ...
  • 1. 往 elasticsearch 写入... Make sure the document class is annotated with @Document(indexName="foo") 2. 原因:XXXModel实体类上少注解, 加上此注解就可: @Document(indexName = "cxx_es", type = "cxx.
  • DocumentTooLarge: BSON document too large:

    千次阅读 2015-11-12 14:40:54
    找段错误的BUG的时候发现迭代mongo ...DocumentTooLarge: BSON document too large (108549088 bytes) - the connected serversupports BSON document sizes up to 16777216 bytes. Mongodb的单个文档的BSON size不能

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,003,967
精华内容 801,586
关键字:

document