1document的用法
document.querySelector() 是一個 JavaScript 方法，用于從文檔中選擇第一個匹配指定 CSS 選擇器的元素
var element = document.querySelector(selector);
selector 是一個 CSS 選擇器燥狰，用于選擇要獲取的元素棘脐。
返回文檔中與指定選擇器匹配的第一個元素，如果找不到匹配的元素龙致，則返回 null蛀缝。
getElementById(): 通過元素的 ID 獲取元素。
// 通過 ID 獲取元素
var elementById = document.getElementById('myElementId');
// 通過類名獲取元素集合
var elementsByClassName = document.getElementsByClassName('myClassName');
// 通過標簽名獲取元素集合
var elementsByTagName = document.getElementsByTagName('div');
// 通過 CSS 選擇器獲取匹配的第一個元素
var firstElement = document.querySelector('.myClass');
// 通過 CSS 選擇器獲取匹配的所有元素
var allElements = document.querySelectorAll('.myClass');
getElementsByClassName(): 通過類名獲取元素集合目代。
getElementsByTagName(): 通過標簽名獲取元素集合屈梁。
querySelector(): 通過 CSS 選擇器獲取匹配的第一個元素。
querySelectorAll(): 通過 CSS 選擇器獲取匹配的所有元素榛了。
createElement(): 創(chuàng)建一個新的元素節(jié)點
var newElement = document.createElement('div');
appendChild(): 將一個新的子節(jié)點添加到指定元素的子節(jié)點列表的末尾在讶。
insertBefore(): 在指定的子節(jié)點前插入新的子節(jié)點。
parentElement.appendChild(newElement);
parentElement.insertBefore(newElement, referenceElement);
removeChild(): 從其父節(jié)點中刪除一個子節(jié)點
parentElement.removeChild(childElement);
document.title: 獲取或設置文檔標題霜大。
document.URL: 獲取文檔的 URL构哺。
document.domain: 獲取或設置文檔的域名。
var title = document.title;
var url = document.URL;
var domain = document.domain;
