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