관리 메뉴

KorSA

Element 객체 - 속성 API (Section 20) 본문

Study Memos/JavaScript Front-End

Element 객체 - 속성 API (Section 20)

Praiv. 2020. 12. 15. 00:46
320x100

참고> opentutorials.org/course/1375/6684

 

1. getAttribute(): 속성을 얻어옴

2. setAttribute(): 속성을 변경함. 없던 속성이면 새로운 속성을 추가해줌.

3. 속성 vs 프로퍼티 
-> 같은 결과를 내지만 setAttribute()로 속성을 조작할때와 property에 assign 방식으로 프로퍼티를 조작할 때는 참조하는 변수의 이름이 미묘하게 다르다.
마찬가지로, Element 객체로부터 어떤 값을 얻어올 때 속성으로 얻어올 떄와 property로 얻어올 때의 값도 미묘하게 다르다.
실제 개발을 할 때에는 이 차이에 대해 인지를 하고 개발해야 버그가 적게 발생한다.

728x90
728x90
Comments