iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 25
0
Modern Web

和少女工程師一起學 JavaScript 系列 第 25

和少女工程師一起學 JavaScript:Day25 DOM

  • 分享至 

  • xImage
  •  

Document Object Model,文件物件模型

DOM 是一個將 HTML 文件以樹狀的結構來表示的模型,而組合起來的樹狀圖,我們稱之為「DOM Tree」,document 其實也是 window 物件的子物件之一。

  • 透過 DOM 提供的 API 來對 HTML 做存取與操作:
getElementById( )

getElementsByTagName( )

getElementsByName( )

getElementsByClassName( )

querySelector( )

querySelectorAll( )

用法

<h1 id="titleId" class="titleClass">title</h1>
document.getElementById('titleId').textContent = '1234';

el 可以重複使用

var el = document.getElementById('titleId');
el.textContent = '1234';

上一篇
和少女工程師一起學 JavaScript Day24 Fetch API
下一篇
和少女工程師一起學 JavaScript:Day26 操控HTML的三大方法比較
系列文
和少女工程師一起學 JavaScript 27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言