html script 부분만 바꿔서 만들기 도와주세요ㅠㅜㅠ

Question

첫번째 코드를 script 부분만 바꿔서 밑에 코드처럼 실행되게 하려면 어떻게 바꿔야하나요? CSS 스타일 동적 변경 CSS 스타일 동적 변경

CSS 스타일 동적 변경

이것은 문장입니다.

상영 · Accepted Answer

window.onload &#61; function(e) { console.log('windown.onload'); const h3 &#61; document.createElement('h3'); const hr &#61; document.createElement('hr'); const p &#61; document.createElement('p'); const span &#61;document.createElement('span'); const input &#61; document.createElement('input'); document.body.append(h3, hr, p, input); h3.innerText &#61; &#34;CSS 스타일 동적 변경&#34;; p.style &#61; &#34;color:blue&#34;; p.append(&#34;이것은&#34;, span); span.id&#61;&#34;mySpan&#34;; span.style&#61;&#34;color:red&#34;; span.innerText &#61; &#34;문장입니다.&#34;; input.type &#61; &#34;button&#34;; input.value &#61; &#34;스타일변경&#34;; input.onclick &#61; change; } chrome 에서는 되는거 확인했는데, 브라우져 호환성은 체크해보셔야 할 듯..

dlfpire · Answer

&#64;to302헉 너무 감사합니다ㅜㅜp.append 를 appendChild 로 바꿔서 쓸 순 없을까요?안되면 왜 안되나요..?? &#43; 해결했습니다!! 도와주셔서 너무너무 감사합니다ㅠㅠ

상영 · Answer

append 는 복수개를 동시 추가, appendchild 는 하나씩 할 수 있습니다. 다른 조건도 차이는 있겠지만..참고: https://webruden.tistory.com/634

html script 부분만 바꿔서 만들기 도와주세요ㅠㅜㅠ

3개의 답변

#onclick 목록