web (18) javascript (15) radio (2)

적용된 코드

<label for="radio-display01" class="radio-item" id="phone">표시
  <input type="radio" id="radio-display01" name="radio-display" checked="" value="1" />
  <span class="radio-button"></span>
</label>

문제점

<label> 태그가 <input>태그와 <span>태그를 감싸고 있는 상태에서 label의 text값만 바꾸고자 할때
document.getElementById("phone").innerHTML = "value" 로 값을 변경하게 되면
안에 <input>태그와 <span> 가 사라지게 된다.

해결

document.getElementById("phone").childNodes[0].nodeValue = 'value';

첫번째 노드를 가져와서 값을 수정해준다.

참고
[1] https://stackoverflow.com/questions/68069617/how-do-i-change-the-innertext-of-outer-tag-in-a-nested-tag-line

이 문서는 jhy156456에 의해 작성되었습니다.
마지막 수정 날짜:2023-09-12 23:30:00