如何用js给html控件赋值

 我来答
私零多逐海17
2017-04-04 · 知道合伙人互联网行家
私零多逐海17
知道合伙人互联网行家
采纳数:650 获赞数:31632
微软软件开发工程师 微软测试工程师 web前端开发工程师 重庆老渔哥网络科技有限公司CEO

向TA提问 私信TA
展开全部

以点击按钮,改变按钮元素的内容为案例,点击的时候 ”按钮“ 变为 ”hello“

1、通过js获取元素,例如,获取元素btn按钮

2、通过js,当点击按钮的时候,改变原来的值为“hello”

3、运行效果如下:

4、点击按钮之后的效果:


完整的html代码如下:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style type="text/css">
.wrap{
width:400px;
height:300px;
background:#000;
position:relative;
}
a.btn1{
display:block;
width:140px;
height:40px;
line-height:40px;
text-align:center;
background:#ff0099;
color:#fff;
position:absolute;
left:100px;
top:100px;
}
  </style>
 </head>
 <body>
  
<div class="wrap">
<a href="javascript:;" class="btn1" id="btn">按钮</a>
</div>

<script type="text/javascript">
var oBtn= document.getElementById("btn");

oBtn.onclick=function(){
oBtn.innerHTML="hello"
}

</script>
 </body>
</html>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式