반응형
자바스크립트를 이용해
검색 버튼의 width를 400px로 설정한 것이
너무 큰 관계로
검색 버튼을 눌렀을 경우
초기값으로 변경하려고 하는데
코드를 보면
search_btn을 onclick 했을 경우
style의 width를 변경하는 내용이다
style 추가 변경 삭제는
한 방법으로 할 수 있는데
document.getElementById("ID값").style = "";
추가와 변경은 style = ""에 값을 넣어주면 되고
삭제는 style = ""를 해주면
style이 모두 지워지므로 삭제가 된다
위 코드를 실행한 결과
검색 버튼을 누르니 style이 삭제되어
width가 기존 사이즈로 변한 것이 보인다
예제 코드는 아래와 같다
<!DOCTYPE html>
<html>
<script type="text/javascript">
function search() {
document.getElementById("search_btn").style = "";
}
</script>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<form>
<div>
<input type="button" id="search_btn" value="검색" style="width: 400px" onclick="search();">
</div>
</form>
</body>
</html>반응형
'Language > HTML, JavaScript' 카테고리의 다른 글
| 자바스크립트 현재 년월일시분초 요일 가져오는 방법 (0) | 2020.06.24 |
|---|---|
| 자바스크립트 올림 내림 반올림 자리수 반올림 방법 (0) | 2020.06.24 |
| 자바스크립트 텍스트 값 가져오는 방법 (0) | 2020.06.22 |
| 자바스크립트 indexOf() 각종 사용방법 정리글 (0) | 2020.06.22 |
| 자바스크립트 삼항연산자 사용방법 정리 (0) | 2020.06.17 |
댓글