JS (Java Script)

.text() 와 .innerText 에 대하여

GABOJOK 2023. 8. 31. 11:38

 .text()

jQuery 사용할때 씀.

jQuery 객체에 .text() 메소드가 내장 되어 있음.
 
 

.innerText 

JavaScript의 DOM 요소일때 씀.

JavaScript의 DOM 요소에는 .innerText 속성이 내장

 

내가 쓴 코드를 보면 이게 jQuery객체인지, DOM객체인지 헷갈릴 수 있다.
 

아래 코드를 보면 분명 앞에 jQuery 가 달려있는데, innerText를 사용했다.. 

$(".buy").siblings('h5')[i].innerText; 

 

 

jQuery객체인지, DOM객체인지 확인하기. ___ typeof 연산자.

그럴때에는 typeof 연산자를 이용해 어떤 객체에 해당하는지 확인 할 수 있다.
innerText 혹은 .text()  를 하려고 하는 대상을 변수에 담고, 
typeof 변수명 ==="object"이렇게 비교를 한다. 참일경우 jQuery 거짓일 경우 DOM이다

 

예시)

for(let i=0; i<3; i++){
     let oppa= $('.buy').siblings('h5')[i];
     if(typeof oppa ==="object"){
          console.log("jQuery")
     }else{ console.log("DOM")}
}