textContent、innerText和innerHTML都是用來訪問和設置元素內容的屬性。
例子:
let element = document.getElementById("example");
console.log(element.textContent); // 獲取元素的文本內容
element.textContent = "這是新的文本內容"; // 設置元素的文本內容
例子:
let element = document.getElementById("example");
console.log(element.innerText); // 獲取元素的可見文本內容
element.innerText = "這是新的可見文本內容"; // 設置元素的可見文本內容
例子:
let element = document.getElementById("example");
console.log(element.innerHTML); // 獲取元素的HTML內容
element.innerHTML = "<p>這是新的HTML內容</p>"; // 設置元素的HTML內容
總結:textContent用于獲取和設置元素的文本內容,innerText用于獲取和設置元素的可見文本內容,innerHTML用于獲取和設置元素的HTML內容。根據需要選擇合適的屬性來操作元素內容。