前面十天我們講 JavaScript 可以分成基本型別以及物件型別,基本型別裡面的資料會以值存在像是 String, number, boolean, nul...
大家知道變數的內容是可以被變動,在比較基本型別以及物件型別之後,今天要來介紹的是變數得更新與傳遞。 變數更新和傳遞 基本型別: var a = 5 var b...
BOM (瀏覽器物件模型):瀏覽器功能的核心,與網頁內容沒關係。 BOM,是 JavaScript 和瀏覽器溝通的窗口,JavaScript 可以透過 BOM...
DOM(文件物件模型)一個將 HTML 以樹狀結構呈現的模型,我們稱為 DOM tree 。我們將 HTML 每個節點攤出來看會像是下面這個樣子: <he...
document 是整個 DOM tree 的根節點,所以我們要抓 html 的時候都是從 document 物件開始。 DOM 節點類型 html 元素節點...
接續著昨天,今天我們要來介紹其他找節點的方式。 Node.lastChild可以取得節點的最後一個子節點,如果沒有的話就回傳 null。跟昨天介紹的 first...
前兩天我們介紹如何找節點,今天我們要來介紹如何使用 JavaScript 動態的建立節點。 document.createElement()可以使用這個方法動態...
昨天我們介紹如何建立 DOM 節點的建立,還有帶到一點用什麼發法插入節點。今天要介紹更詳細的插入節點使用的方法,讓我們繼續看下去! Node.appendChi...
今天要介紹的是如何修改 DOM 節點的樣式,稍微介紹一下前端的三劍客: HTML: 負責資料結構。 CSS: 負責樣式跟結構如何呈現。 JavaScript:...
JavaScript 是由事件驅動的程式語言,瀏覽器讀取完 JavaScript 事件相關的程式碼後,需要等到事件被觸發才會執行。生活中的例子像是當門鈴響了(事...