DOM이 이렇게 복잡하고 어려운 개념일 줄이야...
만만하게 생각했었는데, 내가 너무 안일하게 접근을 한 모양이다.
아래 좋은 오답들을 정리해 본다.
1)
아이디가 "javascript"이고, 내용이 "awesome"인 a 태그를 생성하기 위한 방법
let aElement = document.createElement('a')
aElement.setAttribute('id', 'javascript')
aElement.textContent = 'awesome'let aElement = document.createElement('a')
aElement.id = 'javascript'
aElement.innerHTML = 'awesome'
2)
아래 예제의 button을 클릭하면 안내창에 "코드스테이츠에 오신 것을 환영합니다"라고 하기 위한 적절한 방법은?
<body>
<div>
<div>hello</div>
<div id="world">world</div>
<span id="code">code</span>
<span>states</span>
<button id="apply">apply</button>
</div>
</body>답)
function displayAlert() {
alert('코드스테이츠에 오신 것을 환영합니다')
}
document.querySelector('#apply').onclick = displayAlertdocument.querySelector('#apply').addEventListener('click', function(){
alert("코드스테이츠에 오신 것을 환영합니다")
})'Front-End > DOM' 카테고리의 다른 글
| DOM EventTarget.addEventListener() (0) | 2021.11.05 |
|---|---|
| DOM 이벤트 객체 (0) | 2021.10.23 |
| DOM 개념정리 (0) | 2021.10.22 |
