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(){
    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");
}
</script>

猜你喜欢

转载自www.cnblogs.com/mjtabu/p/11758649.html