极客观点
项目管理
HarmonyOS
<head >
<title></title>
<style id="syle_id" type="text/css">
.class1
{
color: Red;
}
</style>
<script>
function click_span() {
document.getElementById("syle_id").innerHTML = ".class1{color:blue} ";
}
</script>
</head>
<body>
<div>
<span class="class1" onclick="click_span()">1</span>
</div>
</body>
贴上源码，欲实现点击后样式发生改变 google是ok的，ie下报未知错误，求指点
话说你为什么不直接用
function click_span() {
var class1 = document.getElementsByClassName('class1');
for(var i in class1) { class1[i].style.color = 'blue';
}
而要用这么奇葩的方式？
认真回答一下吧：一般碰上这种情况，都是预先将改变前和改变后的样式分别以两个class或者别的标记预先写到css中，使用的时候只要替换标记就好了，而不是你这种等到要用的时候现加。
<style type="text/css">
.class1 { color:red; }
.class1.clicked { color:blue; }
</style>
<span class="class1" onclick="this.className += ' clicked'">1</span>
13 回答12.8k 阅读
7 回答1.9k 阅读
3 回答1.1k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
2 回答858 阅读✓ 已解决
6 回答875 阅读✓ 已解决
4 回答950 阅读✓ 已解决
找到ie的赋值方式 document.getElementById("syle_id").styleSheet.cssText = ".class1{color:blue}"; 谷歌直接就innerhtml