<html>
<head>
<style>
#round{
width:300px
height:200px
}
</style>
</head>
<script>
var oDiv = document.getElementById('round')
oDiv.style.width = 400px //通过js改变这个div的宽度
</script>
<body>
<div id='round'>
<p>我是测试文字</p>
</div>
</body>
</html>
一种方式是 jquery 动态生成的标签 改为JavaScript code?
1
<a id="id1" href="#" onclick="changeHtml()return false" >打开</a>
js 代码是:
JavaScript code?
1
2
3
function changeHtml(){
$("#id1").html("关闭")
}
第二种方法是:
JavaScript code?
1
2
3
$("#id1").live("click", function () {
$(this).html("关闭")
})
jquery1.6版本以上才行;
还有一种方法就是 在动态生成标签之后,绑定方法即可;
JavaScript code?
1
2
3
4
5
//生成标签......
$("#id1").click(function () {
$(this).html("关闭")
})
angular框架继承了jQuery,可以使用JQuery方式修改,如$('div').attribute('data-key', 'new-value')另一种办法就是使用动态数据咯,如<div data-key="{parameterName}">,当parameterName的值改变时data-key属性自动就更新了,例$scope.parameterName='new value'