Code Boxx

JavaScript Document Object Model

JavaScript

• GET ELEMENTS

• getElementById (ID)

• getElementsByTagName(TAG)

• getElementsByClassName(CSS CLASS)

• querySelector(CSS QUERY)

• queryselectorAll(CSS QUERY)

• CREATE & DELETE ELEMENTS

• createElement(NAME)

• PARENT. appendChild(NODE)

• PARENT. removeChid(NODE)

• PARENT. replaceChild(NEW, OLD)

• PARENT. insertBEFORE(NEW, OLD)

• TEXT CONTENTS

• NODE. innerHTML

• NODE. textContent

• NODE. value

• CSS

• NODE. className

• NODE . classList

• NODE. classList. add (CLASS)

• NODE. classList. remove (CLASS)

• NODE. classList. toggle(CLASS)

• ATTRIBUTES

• NODE. hasAttribute (NAME)

• NODE. getAttribute(NAME)

• NODE. setAttribute(NAME, VALUE)

• NODE. removeAttribute (NAME)