2、重新销毁创建:如果只改变了子组件的数据,但是子组件没有重新渲染,那么可以重新创建一下这个子组件,其实也就是v-if一下。
以点击按钮,改变按钮元素的内容为案例,点击的时候 ”按钮“ 变为 ”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>
1.可能服务端控件在你设计时赋给ID到编译成网页后它的ID早已变了。解决:用firefox的debug一下看看它的ID变成什么了。
2.Label是服务器控件名称,到生成的客户端应该变成了
你再去取它的Text值肯定取不到。用1方法找到相应的ID,
document.getElementById(ID).innerText="ffff"