๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ’๊ณต๋ถ€/JS

[JavaScript] innerText vs innerHTML

by rindev 2020. 11. 6.

 

์งฑ์งฑ๊ธฐ์ดˆ๊ฒ ์ง€๋งŒ ํ—ท๊ฐˆ๋ฆฌ๋Š”๊ฑธ ์ •๋ฆฌํ•˜๋Š”๊ฒŒ ๋ชฉ์ ์ด๋ฏ€๋กœ ์•„์ฃผ ์‚ฌ์†Œํ•œ๊ฒƒ๋„ ์ ์„...์˜ˆ์ •......๐Ÿ˜ญ

 

 

  • innerHTML : ํƒœ๊ทธ ์ ์šฉ ํ•จ
  • innerText : ํƒœ๊ทธ ์ ์šฉ ์•ˆํ•จ
const title1 = document.querySelector(".title1");
title1.innerHTML = "<span style='color:red'>๋ผ๋ผ๋ผ</span>";

const title2 = document.querySelector(".title2");
title2.innerText = "<span style='color:red'>๋ผ๋ผ๋ผ</span>";

 

์˜ˆ์‹œ๋ฅผ ๋ณด๋‹ˆ๊นŒ ์ฐธ์‰ฝ์ฅฌ?๐Ÿ˜ญ

 

 

๋Œ“๊ธ€