码迷,mamicode.com
首页 > 编程语言 > 详细

【Ajax-javaScript】1、javascript的基础学习

时间:2014-07-23 13:16:16      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:javascript   html   document   getelementbyid   

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>getElementById.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
  	<form name="form1" action="test.html" method="post" >
  		<input type="text" name="username" value="国庆六十周年_1" id="tid" onchange="" >
  		<input type="button" name="ok" value="保存1" />
  	</form>    
  </body>
  <script type="text/javascript">
  //输出<input type="text" name="username" value="国庆六十周年_1" id="tid">标签value属性的值
  	
  	var inputElement=document.getElementById("tid");
  	alert(inputElement.value);
  
  
  //输出<input type="text" name="username" value="国庆六十周年_1" id="tid">标签type属性的值
  
  alert(inputElement.type);
  
  </script>
</html>
</pre><pre name="code" class="html">


就是很简单的得到相应的标签!!!

大家随意看一看就可以了


【Ajax-javaScript】1、javascript的基础学习

标签:javascript   html   document   getelementbyid   

原文地址:http://blog.csdn.net/cutter_point/article/details/38059463

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!