在javascript中,document對象是一個非常重要的全局對象,它代表整個html文檔。你可以通過document對象來訪問和修改html文檔的內容和結構。以下是一些常見的document屬性和方法:
屬性
1、document.title:獲取或設置文檔的標題,通常顯示在瀏覽器的標題欄或標簽上。
javascript
document.title = "新的頁面標題";
登錄后復制
2、document.URL:獲取文檔的完整URL。
javascript
console.log(document.URL);
登錄后復制
3、document.documentElement:獲取文檔的根元素,通常是元素。
javascript
console.log(document.documentElement);
登錄后復制
4、document.body:獲取文檔的元素。
javascript
console.log(document.body);
登錄后復制
5、document.head:獲取文檔的元素。
javascript
console.log(document.head);
登錄后復制
6、document.referrer:獲取導航到當前頁面的前一個頁面的URL。
javascript
console.log(document.referrer);
登錄后復制
方法
1、document.getElementById(id):根據指定的id獲取元素。
javascript
var element = document.getElementById("myElementId");
登錄后復制
2、document.getElementsByClassName(className):根據指定的類名獲取元素集合。
javascript
var elements = document.getElementsByClassName("myClassName");
登錄后復制
3、document.getElementsByTagName(tagName):根據指定的標簽名獲取元素集合。
javascript
var elements = document.getElementsByTagName("div");
登錄后復制
4、document.querySelector(selector):返回文檔中匹配指定CSS選擇器的第一個Element元素。
javascript
var element = document.querySelector(".myClass");
登錄后復制
5、document.querySelectorAll(selector):返回文檔中匹配指定CSS選擇器的所有Element元素的NodeList(靜態的)。
javascript
var elements = document.querySelectorAll(".myClass");
登錄后復制
6、document.createElement(tagName):創建一個新的元素。
javascript
var newElement = document.createElement("div");
登錄后復制
7、document.createTextNode(text):創建一個新的文本節點。
javascript
var textNode = document.createTextNode("Hello, world!");
登錄后復制
8、document.appendChild(node):向文檔的某個元素追加子節點。
javascript
someElement.appendChild(newElement);
登錄后復制
9、document.removeChild(node):從文檔中移除某個子節點。
javascript
someElement.removeChild(childElement);
登錄后復制
9、document.write(content):向文檔寫入HTML表達式或JavaScript代碼。
javascript
document.write("<p>這是一個段落。</p>");
登錄后復制
這只是document對象的一部分屬性和方法。實際上,document對象提供了許多其他的功能和方法,用于處理HTML文檔的內容和結構。你可以通過查閱相關的JavaScript文檔或教程來了解更多信息。