초보) html onclick시 버튼 위치 이동 관련 도와주세요ㅠㅠ

Question

두번째 코드에서 script 부분만 바꿔서 스타일 변경을 눌렀을 때

태그 내용이 태그랑 순서가 바뀌게 하려면 어떻게 짜야할까요..?첫번째 코드처럼 추가 해봤는데 이건 왜 안되는 건가요..?도와주세요ㅠㅠ CSS 스타일 동적 변경

CSS 스타일 동적 변경

이것은 문장입니다.

kmksk · Accepted Answer

function change() { var button &#61; document.getElementsByTagName(&#34;input&#34;)[0]; var newInput &#61; button.cloneNode(); button.remove(); document.body.insertBefore(newInput, document.body.firstChild); var span &#61; document.getElementById(&#34;mySpan&#34;); span.style.color &#61; &#34;green&#34;; span.style.fontSize &#61; &#34;30px&#34;; span.style.display &#61; &#34;block&#34;; span.style.width &#61; &#34;6em&#34;; span.style.border &#61; &#34;3px dotted magenta&#34;; span.style.margin &#61; &#34;20px&#34;; }

dlfpire · Answer

&#64;kmksk 진짜 너무 감사합니다ㅠㅠ 혹시 궁금한 거 여쭤봐도 될까요?2번째 줄에서 [0]은 왜 하는 건가요..? input 태그가 하나 밖에 없는데 그냥 [0] 없이 하면 가져오지 못하나요?그리고 cloneNode()로 노드를 복제했잖아요 복제하지 않고 그냥 input에서 가져온 button을 그대로 넣으면 안되는 건가요?

kmksk · Answer

getElementsByTagName 메소드가 리턴타입이 array 입니다. 그래서 [0] 해준것. &#34;그리고 cloneNode()로 노드를 복제했잖아요 복제하지 않고 그냥 input에서 가져온 button을 그대로 넣으면 안되는 건가요?&#34;이것은 직접 해보세요.

초보) html onclick시 버튼 위치 이동 관련 도와주세요ㅠㅠ

3개의 답변

Q&A 목록