js修改元素的属性

时间秒杀一切 提交于 2019-12-02 18:55:00
<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>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!