document

document对象的属性和方法非常的多，不过，我们一般不使用它进行编写代码，通常，操作DOM使用jQuery这个广泛使用的第三方库进行。到目前位置，MVC和MVVM框架盛行的情况下，操作DOM既用不着document对象，也用不着jQuery了！但是这些仍有用处，比如对于效率非常高的时候，使用这些底层的比较好，因为越封装，效率越低！还有就是在使用Node.js进行抓取数据的时候也可能要操作DOM，这些时候仍然有用武之地！

1.1、document.location

与BOM中的location是同一个引用。

1.2、document.URL

返回当前文档URL。

1.3、document.domain

返回当前文档URL的域。

1.4、document.title

本文档的标题。通过title元素设置的。

获得文档的标题：

var documentTitle = document.title;

修改文档的标题：

document.title = "hello";

获得文档标题，也可以使用如下的方式：

var documentTitle = document.getElementsByTagName("title")[0];

修改文档的标题不能使用如下方式：

document.getElementsByTagName("title")[0] = "hello";

1.5、document.charset

本文档的字符编码格式。比如UTF-8。

1.7、document.contentType

此文档的类型。比如text/html

1.8、document.referrer

进入此文档的URL。通过判断防止盗链。

1.9、document.lastModified

本文档的最后修改时间。比如02/22/2016 20:41:17

1.10、document.cookie

与本文档相关的cookie。

1.11、document.head

表示HTML的head元素。

1.12、document.body

表示HTML的body元素。

1.4、document.write(String text|html)

向HTML的body元素中动态写入文本或者html。

1.5、document.writeln(String text|html)

与document.write(text|html)一样，有的浏览器不会换行，要换行使用<br>吧。

1.6、var element = document.createElement(String tagName)

创建一个指定的HTML元素。tagName可以是任意的HTML元素。

示例1：

var divNode = document.createElement('div');

示例2：

var scriptNode = document.createElement('script');

1.7、var element = document.getElementById(String id)

根据HTML元素的id属性值，找到该元素，因为任何元素的id必须是唯一的，所以，我们最多只能找到一个或者找不到。

示例：

var userNameNode = document.getElementById('userName');

1.8、var elements = document.getElementsByTagName(String tagName)

查找整个document中的所有tagName指定的HTML元素，因为一个文档中大多数元素可以出现多次。所以结果是一个数组。

示例：

var pNodes = document.getElementsByTagName('p');

1.9、var elements = document.getElementsByClassName(String className)

查找整个document中的class属性的值为className的HTML元素，因为一个className可以被多个元素共享。所以结果是一个数组。

示例：

var nodes = document.getElementsByClassName('copyright');

1.10、var elements = document.getElementsByName(String name)

查找整个document中的name属性的值为name的那些HTML元素。结果是一个数组。

示例：

<!DOCTYPE html>
<html lang="en">
<head>
 ...
</head>
<body>
    <form name="up"><input type="text"></form>
    <div name="down"><input type="text"></div>

    <script>
        var upElements = document.getElementsByName("up");
        console.log(upElements[0].tagName); // returns "FORM"
    </script>
</body>
</html>
>