# JavaScript Dom


# Dom


###### tags: `JS`

1. querySelector 
> demo:
https://codepen.io/michael-luo/pen/vYKGYyY
2. querySelectorAll 
> demo:
https://codepen.io/michael-luo/pen/gOMrBZJ?editors=1011

3. setAttribute 
> demo:
https://codepen.io/michael-luo/pen/mdEPzZY

4. innerHTML 
> demo:
https://codepen.io/michael-luo/pen/LYZRvJY?editors=1011

5. appendChild 
> demo:
https://codepen.io/michael-luo/pen/wvWzbrE?editors=1010

6. appendChild + for 
> demo:
https://codepen.io/michael-luo/pen/MWejdPW?editors=1010

---

#### 網頁效能評比：innerHTML > appenedChild
#### 但 innerHTML 存在著資安風險，建議確保來源穩定性再去做使用