此时情绪此时天,无事小神仙
好好生活,平平淡淡每一天

编辑

Js修改元素属性

<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(){
    let value=document.getElementById('nice').getAttribute("title");
    alert('title的属性值为:'+value);
}
//jq方式删除、设置元素属性,为了更加形象些对比,这里采用嵌入式方式,没有进行js html分离
function aEvert(){
    alert('测试jq添加onclick属性');
}
//jq方式给id为nice的元素 添加onclick="a();"de 属性
function jqAddOnclick(){
    $("#nice").attr("onclick","aEvert();");
}
//jq方式获取id为nice的元素 onclick属性值
function jqGetOnclick(){
    let value=$("#nice").attr("onclick");
    alert('onclick属性值为:'+value);
}
//jq方式删除id为nice的元素 onclick属性
function jqDelOnclick(){
    $("#nice").removeAttr("onclick");
}
// 根据id获取css的属性值
function stay(id){
  let attr = document.getElementById(id).style.background;
  if(""==attr){
    $("#"+id).css("background","#ccffcc");
  } else {
    $("#"+id).css("background","");
  }
}
</script>
posted @ 2019-10-29 14:42  踏步  阅读(21850)  评论(0编辑  收藏  举报