javascript语法中document对象基本介绍
//获取或设置文档的标题
document.title = "新的页面标题";

//获取文档的完整URL
console.log(document.URL);

//获取文档的根元素
console.log(document.documentElement);

//获取文档的元素
console.log(document.body);

//获取文档的元素
console.log(document.head);

//获取导航到当前页面的前一个页面的URL
console.log(document.referrer);

//根据指定的id获取元素
var element = document.getElementById("myElementId");

//根据指定的类名获取元素集合
var elements = document.getElementsByClassName("myClassName");

//根据指定的标签名获取元素集合
var elements = document.getElementsByTagName("div");

//返回文档中匹配指定CSS选择器的第一个Element元素
var element = document.querySelector(".myClass");

//返回文档中匹配指定CSS选择器的所有Element元素的NodeList（静态的）
var elements = document.querySelectorAll(".myClass");

//创建一个新的元素
var newElement = document.createElement("div");

//创建一个新的文本节点
var textNode = document.createTextNode("Hello, world!");

//向文档的某个元素追加子节点
someElement.appendChild(newElement);

//从文档中移除某个子节点
someElement.removeChild(childElement);

//向文档写入HTML表达式或JavaScript代码
document.write("<p>这是一个段落。</p>");

相关文章