textContent(IE9+)와 innerText(ff X) 차이점

textContent는 script 요소 안의 텍스트를 반환하지만 innerText는 반환하지 않음. textContent는 공백 문자를 그대로 반환하지만 innerText는 남는 공백 문자를 제거함. innerText는 table, tbody, tr 요소 등의 테이블 요소를 수정할수 없음.

innerHTML 출력비교

var para = document.getElementById("cards");
para.textContent = "♦다이아는 <strong>상인</strong>이라는 뜻입니다.";
console.log(para.innerHTML);
//&diams;다이아는 <strong>상인</strong>이라는 뜻입니다.
console.log(para.textContent);
//♦다이아는 <strong>상인</strong>이라는 뜻입니다.