比较保险的做法
document.getElementById("1").setAttribute('style', 'border: 10px solid !important;');
前提是原先没有设置 style 属性。
如果原先有 style 属性
var style = document.getElementById("1").getAttribute('style');
document.getElementById("1").setAttribute('style', style + ';border: 10px solid !important;');
注意不能用
document.getElementById("1").style.border="10px solid !important";
这样 !important 会被自动删除。
其实会修改一个就已经可以了的，做法都一样的...
CSS是层叠样式表，到最后浏览器渲染的时候，起作用的样式只有一个！
而你用js处理的时候，它默认改的就是起作用的那一个，而不知道改的是div1还是2
你能改一个，其实就已经达到你想要的效果了
不必再追究改的是哪个
document.getElementById("1").style.border="10px solid";
用Jquery 来写
$(function(){
$("#1").css("border","10px solid");
})
你要修改