<HTML>
<HEAD>
<TITLE> InnerHtml </TITLE>
<script language="javascript">
function modify(){
document.getElementById("title").innerHTML="변경되었습니다.";
}
function goback(){
document.getElementById("title").innerHTML="뒤로";
}
</script>
</HEAD>
<BODY>
<table border="0" cellpadding="0" cellspacing="0" align='center'>
<tr>
<td id="title">
</td>
<td>
<form name="fm" method="post">
<input type="button" name="" value="변경" onClick="modify();">
<input type="button" name="" value="뒤로" onclick="goback();">
</form>
</td>
</tr>
</table><br>
</BODY>
</HTML>
# jquery
@ html() : html
@ text() : 일반텍스트
@ val() : input, textarea value값
@ append() : 끝부터 입력됨
>> $("#id").html("123").html("456") ===> 123
>> $("#id").append("123").append("456") ===> 456
<script language="javascript">
function modify(){
$("#"title").html("변경되었습니다.");
}
function goback(){
$("#"title").html("뒤로");
}
</script>
'html, script' 카테고리의 다른 글
| 확인유무 경고창발생 confirm (0) | 2017.04.12 |
|---|---|
| 이벤트키 단축키 event.keycode (0) | 2017.04.12 |
| for문 사용예제 (0) | 2017.04.12 |
| 이벤트 옵션 (0) | 2017.04.12 |
| 색상코드 (0) | 2017.04.12 |