본문 바로가기
TIL/Learn - JavaScript

window.onload

by koreashowme 2019. 8. 30.

window.onload = function() {  //window.onload : 현재 문서의 body 부분을 읽고 난 후 자바스크립트를 실행하라는 의미를 담고 있음. 
document.getElementById("btnChannel1").onclick = function() {
var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "yellow"; //css 변경하겠다.(배경색)
myDiv.style.width = "150px";


document.getElementById("str").style.color = "red";

}
}

function go_change(){
alert("자바스크립트 DOM 테스트")
}

불러오는 중입니다...

 

 

<div id="myDiv"?>

 <span id="str">안녕<span>하세요???

</div>

 

//<input type="button" id="btnChannel1" value="스타일변경">

// <input type="button" id="btnChannel2" value="스타일변경" onclick="go_change()">

'TIL > Learn - JavaScript' 카테고리의 다른 글

for in & for of & forEach  (0) 2019.09.24
자바스크립트 list.push & concat  (0) 2019.09.23
Ajax란?  (0) 2019.09.18
DOM 기초 내용  (0) 2019.08.30
button - onclick - ""  (0) 2019.08.28

comment