JS获取样式

// 操作CSS样式
// "只有行内式才可以，也就是写在标签里面的style中"是在获得的时候
// 而修改的时候，内链是可以的，链接也可以
function opCSS(){
    var t = document.getElementById("div4");
    //新版Chrome中 -color X , Color  √
    // t.style.backgroundColor = "#0094ff";
    // t.style.width = '80px';
    // t.style.height = "80px";

    // console.log(t.style.borderRadius); 
    // console.log("width:"+t.style.width.toString());  // 链接式获取不到
    t.className = "yy"; // 没用？因为id优先级更高，类中只有没被覆盖的才会生效
    
}

#div4{
    background-color: red;
    width: 200px;
    height: 200px;
    border-radius: 40px;
}
.yy{
    /*无效*/
    background-color: #9400ff;
    width: 600px;
    height: 200px;
    border-radius: 100px;
    /*生效*/
    border:5px solid #9400ff;
}

获取确实只有行内可以，但是修改的话，三种方式的样式都可以支持修改

此外，id 优先级比类更高，所以类中的部分样式无效