Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

step15 #10

Open
eyabc opened this issue Nov 4, 2020 · 4 comments
Open

step15 #10

eyabc opened this issue Nov 4, 2020 · 4 comments

Comments

@eyabc
Copy link

eyabc commented Nov 4, 2020

No description provided.

@eyabc
Copy link
Author

eyabc commented Nov 4, 2020

Dom을 통해 js를 조작하여 html의 수정이 가능하게 하기 때문에 그 사이에 있는 DOM은 마치 api이기때문
JS 를 통해 DOM 을 조작하여... 순서가 바뀌었습니다!

html의 수정이 가능 이라는 말보다 DOM Tree 을 수정한다는 의미가 더 맞지 않을까요? 확실하지는 않습니다..

@eyabc
Copy link
Author

eyabc commented Nov 4, 2020

appendChild 나 removeChild 는 구식 메서드 라고 하는데, 그 이유와
모던 메서드는 어떤 것이 있는지 알아보면 좋을 것 같습니다

@khw970421
Copy link
Owner

검색해보면서 append와 remove라는 메소드가 존재하였고 기존에 있었던것에 비해
문자열노드를 지원해서 코드가 간결해지고 장점이 있는 메소드를 보며 이해했습니다.
https://apost.kr/682

@khw970421
Copy link
Owner

추가로 remove와 removeChild()를 보며 차이를 이해해봤습니다.
append와 appendChlid보단 조금 다른 부분이 많아서 고민을 해본 결과

obj.parentNode.removeChild(obj)를 해야했던 것을
obj.remove()로 같은 결과를 써서 좀더 편하고 간결한 코드를 알수 있었습니다.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants