steadily
482
2021-02-01 20:10:33
2
155

순수 li태그 내에 있는 요소만 가져오는 API가 필요합니다.


안녕하세요.

현재 termList에 있는 children은, li 내에 삭제버튼이 들어가 있는 형태입니다.

이게 li 태그 내의 모습입니다.

  termList.appendChild(liElem);
  liElem.appendChild(removeBtn);
  removeBtn.innerHTML = "X";

이런 식으로 코드를 해줬기 때문에 a를 입력하고 추가했을 때

<li>a<button>X</button></li>

의 형태로 출력이 되는 것입니다. 해당 부분에서 'a'라는, 순수 li의 요소인 부분만 빼서 특정 값과 비교를 하고 싶은데, 윗 사진에서 볼 수 있듯 removeBtn 내 "X" 때문에 순수 값만 빼낼 수가 없습니다. 그리하여, 해당 값만 빼낼 수 있는 방법을 알려주시면 감사하겠습니다. 해당 요소만 추출해낼 수 있는 API가 있었는데 기억이 안나네요..

0
  • 답변 2

  • 킁킁탐정
    844
    2021-02-01 21:42:14

    termList.children[0].firstChild를 출력해보시면 답이 될꺼 같습니다. 반드시 TextNode인것을 확인하는것이 좋습니다.

  • steadily
    482
    2021-02-02 11:43:13
    킁킁탐정님 정말 감사합니다. 해결했습니다.
  • 로그인을 하시면 답변을 등록할 수 있습니다.