我正在尝试更改 JavaScript 中图像的样式。
因此,如果我单击图片,JavaScript 就会启动并且应该删除样式内容。这适用于 Firefox,但不适用于 Chrome 等。有谁知道为什么吗?
<html>
<head>
</head>
<div>
<img id="testpic" src="26.png" onclick="changeDirection()" style="transform:scale(-1,-1);-webkit-transform:scale(-1,-1);-moz-transform:scale(-1,-1);-o-transform:scale(-1,-1)"/>
</div>
<body>
<script type="text/javascript">
function changeDirection()
{
document.getElementById('testpic').style="";
}
</script>
</body>
</html>
非常感谢!
最佳答案
有趣的问题。显然,Chrome 会忽略重新定义 style
属性的尝试,该属性应该是一个对象 ( CSSStyleDeclaration
object ),而不是字符串。从这个意义上说,Firefox 的行为似乎不一致。
这在任何地方都适用:
function changeDirection() {
document.getElementById('testpic').style.cssText = "";
}
或者也许最好清空(或删除)样式属性:
document.getElementById('testpic').setAttribute('style', '');
document.getElementById('testpic').removeAttribute('style');
关于javascript - 在 javascript 中更改图像.style 仅适用于 Firefox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28326661/