目前分類:Javascript (21)

瀏覽方式: 標題列表 簡短摘要

將陣列裡的數字x2

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

setTimeout()
延遲某段時間 (單位為毫秒) 之後,才去執行「一次」指定的程式碼,並且會回傳一個獨立的timer ID,可以透過 clearTimeout 取消程式碼的執行

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

getAttribute

element.getAttribute('data-example');

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

classList.add  新增class

element.classList.add('some-class');

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

cloneNode()
複製新的一個元素物件,拷貝所有屬性和值

浣熊 發表在 痞客邦 留言(0) 人氣()

Math.random()
回傳0~1(不包含1)的數字

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

scrollWidth、scrollHeight
元素實際內容的寬度/高度,不包邊線寬度,會隨對象中內容超過可視區後而變大。

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

clientX、clientY
鼠標的x,y以瀏覽器視窗左上為原點

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

將字串轉換成數字的方法有三種

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

.closest()
Element.closest()方法用來獲取:匹配特定選擇器且離當前元素最近的祖先元素(也可以是當前元素本身)。如果匹配不到,則返回null。

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

使用JS達到移除元素的效果有兩種方式

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

appendChild()
appendChild()將元素添加到一組元素的結尾

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

使用insertBefore(),並將元素加入至父層的第一個元素之前

// Create a new element

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

使用insertBefore(),並在node後呼叫下一個節點元素

// Create a new element

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

insertBefore()
傳統方法中使用insertBefore(),需要呼叫父層再插入元素

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

在JQuery可以使用標籤建立元素

var elem = <div></div>

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

驚嘆號(!)是個邏輯運算符,名稱為”Logic NOT”,用在布林值上具有反轉(Inverted)的功能,雙驚嘆號(!!)就等於”反轉再反轉“,等於轉回原本的布林值:

const aBool = true

浣熊 發表在 痞客邦 留言(0) 人氣()

<div class="expand">
content

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

JQuery的siblings很好用,但假設不使用JQ的情況下要怎麼呈現呢
使用原生JS:

文章標籤

浣熊 發表在 痞客邦 留言(0) 人氣()

DOM節點類型包括: 元素節點(element nodes)、文字節點(text nodes)、註解節點(comment nodes)

Node.nodeType

浣熊 發表在 痞客邦 留言(0) 人氣()

1 2