innerHTML과 innerText, style에 대한 공부를 더 했다.
오늘은 공부한 양은 많이 없는데 실습을 하면서 쓰는 방법을 많이 익혔다.
정리하려고 보니까 오늘 배운게 진짜 없다...
그래도 실습하면서 확실히 javascript사용법은 많이 익힌 것 같다.
짧게 정리하고 사라지자.
innrText
선택한 요소의 안에 텍스트를 선택하는 코드이다.
const btn1 = document.querySelector("#btn1"); btn1.onclick = function(){ const div = document.querySelector("#d1"); div.innerText = "변경"; }이런 코드를 쓰면 btn1을 아이디로 가지고있는 요소를 클릭했을 때 안에있는 텍스트가
"변경"으로 바뀐다.
innerHTML
innerText와는 달리 innerHTML은 element 안의 HTML이나 XML을 가져온다.
솔직히 진짜 정리할게 없다...
오늘 알게된것이나 말해보자면
const divs = document.querySelectorAll(".divs");이 코드와
const divs = document.getElementsByClassName(".divs");이 두 코드가 다르다는 것이다.
querySelectAll은 편의성을 높여준 코드라서 안에있는 배열들의 값을 삭제해도 길이가 유지된다.
그 이유는 for문 사용할때 편하라고 그런단다.
너무 짧군
근데 오늘 진짜 실습 오래하고 따로 배운게 많이 없다.
빠잉~
