반응형
document.getElementById
document.getElementById("id") 는 html문서에서 해당 아이디를 가진 객체(태그)를 반환한다.
var st = document.getElementById("box");
st.style.width = "100px";
st.style.width = (parseInt( st.style.width ) + 100) + "px";
document.getElementsByClassName
html문서에서 해당 클래스 이름을 가진 객체(태그)를 반환한다.
var obj = document.getElementsByClassName("enemy");
예
<html>
<head>
<script type="text/javascript">
function setWidth() {
var st = document.getElementById("box");
st.style.width = "100px";
st.style.width = (parseInt( st.style.width ) + 100) + "px";
}
</script>
<style>
#box { width:50px; height:50px; }
</style>
</head>
<body>
<button onclick="setWidth()">setWidth</button>
<div id="box" style="background-color:#CCC;"></div>
</body>
</html>반응형