在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("这是一个段落。
");
這只是document物件的一部分屬性和方法。實際上,document物件提供了許多其他的功能和方法,用於處理HTML文件的內容和結構。你可以透過查閱相關的JavaScript文件或教學課程來了解更多資訊。
以上是JS的Document屬性與方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!