---
# System prepended metadata

title: 利用 .textContent 語法，改變文字吧!
tags: [JavaScript - 學徒篇]

---

# 利用 .textContent 語法，改變文字吧!

- 寫下一段 HTML 如下:

```
    <p id="word">
        1234
    </p>
```

這是尚未改變的畫面喔:

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


- JavaScript，textContent 寫法:

```
// Js語法:

document.getElementById('word').textContent = '我改變了1234!';

範例解說:

// document → 此網頁的整體
// .getElementById('word') → 抓取網頁上的元素('id')名稱
// .textContent = '輸入內容'; → 輸入要改變的文字並記得+上 ;
   做結尾。
```
畫面如下:

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



###### tags: `JavaScript - 學徒篇`