js第一天 inner html value

weixin_30505225

于 2016-08-20 16:30:00 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lidepeng/p/5790699.html

本文介绍了一个简单的示例，展示了如何通过JavaScript操作HTML页面中的元素。具体来说，当用户点击按钮时，将获取输入框中的文本并与预定义的文本进行拼接，然后更新指定的HTML元素内容。

<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
window.onload=function(){

var zhangsan=document.getElementById('zhansan');
var text=document.getElementById('text');
var btn=document.getElementById('btn');
var m=document.getElementById('m');

btn.onclick=function(){
m.innerHTML+=zhangsan.innerHTML+text.value ;

}
}
</script>
<style type="text/css">
#m{
height: 400px;width: 400px;background-color: antiquewhite;border: 1px solid red;
}
</style>
</head>
<body>
<div id="m"></div>
<span id="zhansan">张三:</span><input type="text" id="text" /><input type="button" id="btn" value="确定"/>

</body>
</html>