87,990
社区成员
发帖
与我相关
我的任务
分享onpropertychange的使用
<script language="javascript">
function changeProp()
{ btnProp.value="这是新值";
}
function changeCSSProp()
{ btnStyleProp.style.background="00eeff"
}
</script>
</head>
<body >
<input type="button" id="btnProp" onclick="changeProp()" value="单击改变按钮的属性值" onpropertychange='alert(event.propertyName+"属性已改变")'>
<input type="button" id="btnStyleProp" onclick="changeCSSProp()" value="颜色" onpropertychange='alert(event.propertyName+"属性已改变")'>
</body>
</html>
上面的代码在浏览器中加载后，网页显示两个按钮，一个按钮实现按钮值的改变，一个按钮实现按钮颜色的改变，
在id="btnStyleProp"的按钮中为什么第一次弹出"style.background.color属性已改变"点确定后又会弹出"style.backgroundPositionX属性已改变"后面还有许多属性值该改变？？？
function changeProp()
{ btnProp.value="这是新值";
}
function changeCSSProp()
{ btnStyleProp.style.background="00eeff"
}
</script>
</head>
<body >
<input type="button" id="btnProp" onclick="changeProp()" value="单击改变按钮的属性值" onpropertychange='alert(event.propertyName+"属性已改变")'>
<input type="button" id="btnStyleProp" onclick="changeCSSProp()" value="颜色" onpropertychange='alert(event.propertyName+"属性已改变")'>
</body>
</html>
上面的代码在浏览器中加载后，网页显示两个按钮，一个按钮实现按钮值的改变，一个按钮实现按钮颜色的改变，
在id="btnStyleProp"的按钮中为什么第一次弹出"style.background.color属性已改变"点确定后又会弹出"style.backgroundPositionX属性已改变"后面还有许多属性值该改变？？？
...全文
请发表友善的回复…
发表回复
Acesidonu 2012-01-20
- 打赏
- 举报
因为其他属性确实改变了
btnStyleProp.style.background="00eeff"
也改变了其他的属性
btnStyleProp.style.background="00eeff"
也改变了其他的属性
