js与属性 ，style，等不得不说的故事

js与属性 ，style，等不得不说的故事

获得属性

只能获得渲染前

<script type="text/javascript">

//给id为nice的元素 添加title属性并赋值为"测试title"
function addTitle(){
    document.getElementById('nice').setAttribute("title","测试title"); 
}
//给id为nice的元素 删除 title属性
function delTitle(){
    document.getElementById('nice').removeAttribute("title");
}
//获取id为nice的元素 title属性的值
function getTitle(){
    var value=document.getElementById('nice').getAttribute("title");
    alert('title的属性值为:'+value);
}
//jq方式删除、设置元素属性,为了更加形象些对比，这里采用嵌入式方式,没有进行js html分离
function a(){
    alert('测试jq添加onclick属性');
}
//jq方式给id为nice的元素 添加onclick="a();"de 属性
function jqAddOnclick(){
    $("#nice").attr("onclick","a();");
}
//jq方式获取id为nice的元素 onclick属性值
function jqGetOnclick(){
    var value=$("#nice").attr("onclick");
    alert('onclick属性值为:'+value);
}
//jq方式删除id为nice的元素 onclick属性
function jqDelOnclick(){
    $("#nice").removeAttr("onclick");
}
// 根据id获取css的属性值
function stay(id){
　　var attr = document.getElementById(id).style.background;
　　if(""==attr){
　　　　$("#"+id).css("background","#ccffcc");
　　} else {
　　　　$("#"+id).css("background","");
　　}
}
</script>

获得渲染后的属性

 console.log(getComputedStyle(document.getElementById('divs'), null).getPropertyValue("cc"))
    console.log(divs.getAttribute('cc'))