[Back To Basic] Javascript - HTML DOM Document

找 HTML元素(elements)

• document.getElementById(id)
• document.getElementsByTagName(name)
• document.getElementsByClassName(name)

變更HTML元素(elements)

• innerHTML

變更內部的HTML元素

• attribute

變更屬性(attributes)

• style.property

變更樣式(styles)

• setAttribute(attribute, value)

變更屬性(attributes)

增刪元素(elements)

• createElement(element)

新增元素(element)

• removeChild(element)

刪除元素(element)

• appendChild(element) 

附加元素(element)

• replaceChild(new, old)

替換元素(element)

• write(text)

附加文字

新增事件(events)

element.event() = function(){...}

e.g.

button.onclick() = function(){

  console.log('click');

}

source code