將陣列裡的數字x2
目前分類:Javascript (21)
- Mar 28 Thu 2019 23:52
forEach()與map()
- Mar 26 Tue 2019 20:37
setTimeout()與setInterval()
setTimeout()
延遲某段時間 (單位為毫秒) 之後,才去執行「一次」指定的程式碼,並且會回傳一個獨立的timer ID,可以透過 clearTimeout 取消程式碼的執行
- Mar 25 Mon 2019 21:16
新增移除與確認class
- Mar 18 Mon 2019 20:32
JS複製元素cloneNode()
cloneNode()
複製新的一個元素物件,拷貝所有屬性和值
- Mar 17 Sun 2019 23:25
隨機取得數字Math.random()
Math.random()
回傳0~1(不包含1)的數字
- Mar 17 Sun 2019 20:59
scrollWidth,clientWidth,offsetWidth的區別
scrollWidth、scrollHeight
元素實際內容的寬度/高度,不包邊線寬度,會隨對象中內容超過可視區後而變大。
- Mar 17 Sun 2019 15:18
JS將字串轉換成數字
將字串轉換成數字的方法有三種
- Mar 16 Sat 2019 18:13
JS尋找離當前元素最近的祖先元素
.closest()
Element.closest()方法用來獲取:匹配特定選擇器且離當前元素最近的祖先元素(也可以是當前元素本身)。如果匹配不到,則返回null。
- Mar 16 Sat 2019 16:29
javascript移除元素
使用JS達到移除元素的效果有兩種方式
- Mar 16 Sat 2019 14:37
將元素添加到一組元素的結尾
appendChild()
appendChild()將元素添加到一組元素的結尾
- Mar 16 Sat 2019 14:19
將元素添加到一組元素的開頭
- Mar 16 Sat 2019 13:27
在DOM之前插入元素
insertBefore()
傳統方法中使用insertBefore(),需要呼叫父層再插入元素
- Mar 16 Sat 2019 12:51
JS建立元素createElement()
- Mar 14 Thu 2019 21:36
JS雙驚嘆號(!!)
驚嘆號(!)是個邏輯運算符,名稱為”Logic NOT”,用在布林值上具有反轉(Inverted)的功能,雙驚嘆號(!!)就等於”反轉再反轉“,等於轉回原本的布林值:
const aBool = true
- Mar 09 Sat 2019 23:59
JS是否該使用類別當選擇器
<div class="expand">
content
- Mar 09 Sat 2019 20:45
如何用原生JS取得siblings
JQuery的siblings很好用,但假設不使用JQ的情況下要怎麼呈現呢
使用原生JS:
- Mar 09 Sat 2019 13:28
DOM節點物件的屬性