html, script

innerHTML 기본소스 예제

날씨좋군 2017. 4. 12. 20:03

<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>