JavaScript 一些 DOM 的知识点

document.body// 指向 body 元素document.characterSet// 取得文档使用的字符集document.title// 取得或设置文档的标题document.URL// 取得文档完整的 URLdocument.domain// 取得文档所在的域名

Element 类型 (元素节点)

  • Element 类型节点的 nodeType 的值为 1,nodeName 的值为元素的标签名。

  • 有关 Element类型节点的特性

    • 获取或设置公认的特性一般直接使用 对应的属性
    • 获取或设置自定义特性,使用 getAttribute() 、 setAttribute() 方法
    • 根据 HTML5 规范,自定义特性应该加上 data- 前缀以便验证
// HTML 代码<div id="container"class="class1 class2"title="titleValue"> Some text<div>// js 代码,运行于浏览器控制端varele =document.getElementById("container");ele.id; // "container"ele["id"];// "container"ele.className; // "class1 class2"ele.title; // "titleValue"ele.className += " class3";// 更改 class 的值ele.className; // "class1 class2 class3"// 利用 setAttribute() 可以添加元素不存在的特性ele.setAttribute("data-test","just test");// 添加自定义特性