1. style → backgroundColor: “red”; width: “100px”;
2. attribute → class, id, dataset, aria….
3. createElement
4. appendChild
5. removeChild

• DOM 조작 메서드를 한꺼번에 적용할 수 있는 메서드 (콜백)

<추가 메서드>
- con.changeStyle('styleCode')
- con.setAttribute('attributeName', 'attributeValue')
- con.removeElement([child])
- con.insertElement(element, 'position')
- con.changeContent('text')
- con.clearChanges()

<제거 메서드>
- con.applyScript()
- con.applyJsx()

[JavaScript] 자주 사용하는 DOM API 정리

• setAttribute(’정의할 attr’, ‘attr’)

con.Domcallback(

con.setAttrbite(’data-id’ , ‘test’ );

)

콘솔

temp = <div>