---
# System prepended metadata

title: DAY34 - JavaScript 66. 控制 DOM 利用 textContent 修改文字屬性
tags: ['Re:0 前端工程師之路 - JavaScript - DOM 篇章']

---

# DAY34 - JavaScript 66. 控制 DOM 利用 textContent 修改文字屬性


### textContent 用法:

```
// 宣告變數，且撈取到 HTML - class .test
let el = document.querySelector(".test");
```

### 簡寫 .textContent，改變文字內容:

- 由於 el 變數已經紀錄了上述的元素
  這邊只需要用`.textContent`來改變內容即可：
  
```
el.textContent = "這是一個測試";
```  

### 於網頁 console 輸入變數，會得到一個完整的 div 資訊:

![](https://i.imgur.com/udUWjww.png)


---

###### tags: `Re:0 前端工程師之路 - JavaScript - DOM 篇章`
