Js修改元素属性

<script type="text/javascript">
//jQuery(document).ready(function() {
$(document).ready(function() {
   //加载页面自动调用方法
   // js设置属性值
   document.getElementById("content").style="font-family: 楷体;font-size: 23px;line-height: 150%;";
   $(".className p").css("font-family","楷体");
   $(".className p").css("font-size","23px");
   $(".className p").css("line-height","150%");
});

//给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>