如何给Html控件的label控件赋值

html-css019

如何给Html控件的label控件赋值,第1张

可以直接利用Jq赋值。如:

html:

1

<label class="la"></label>

JQ:

1

2

3

$(document).ready(function(){

$(".la").html("123")

})

前台

<label id="lbName" onclick="lbOnFocus('lbName','txtName')"><%=(ViewState["demo"])==null?string.Empty:ViewState["demo"].ToString())%></label>

后台声明一个ViewState,并在page_load中初始化

protected void Pageload()

{

if(!IsPostBack)

{

ViewState["demo"]=string.Empty

}

}

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