JS的Document屬性與方法

在JavaScript中，document物件是一個非常重要的全域對象，它代表整個HTML文件。你可以透過document物件來存取和修改HTML文件的內容和結構。以下是一些常見的document屬性和方法：

屬性

#1、document.title：取得或設定文件的標題，通常顯示在瀏覽器的標題列或標籤上。

javascript

document.title = "新的页面标题";

2、document.URL：取得文件的完整URL。

javascript

console.log(document.URL);

3、document.documentElement：取得文件的根元素，通常是100db36a723c770d327fc0aef2ce13b1元素。

javascript

console.log(document.documentElement);

4、document.body：取得文件的6c04bd5ca3fcae76e30b72ad730ca86d元素。

javascript

console.log(document.body);

5、document.head：取得文件的93f0f5c25f18dab9d176bd4f6de5d30e元素。

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文件或教學課程來了解更多資訊。

以上是JS的Document屬性與方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！