如何用js给html控件赋值

JavaScript08

如何用js给html控件赋值,第1张

以点击按钮,改变按钮元素的内容为案例,点击的时候 ”按钮“ 变为 ”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>

通过语句:document.getElementById('id').value进行赋值。

1、创建如下实例代码:

2、打开浏览器运行,此时在页面上的显示效果如下:

3、继续创建一个赋值函数如下,将其绑定到之前创建的button上。

4、属性页面,然后点击按钮,触发事件,此时页面的效果如下,完成赋值。

是文本框 <input type="button">这种么 如果是的话 直接$("input[type=button]").val("你想写啥就写啥") 就能完成赋值了