33.属性增删改查

let oImg = document.querySelector("img");
    
    // console.log(oImg.getAttribute("alt"));
    // 注意点: 通过对象.属性名称的方式无法获取到自定义属性的取值
    //         通过getAttribute方法可以获取到自定义属性的取值
    console.log(oImg.nj);
    console.log(oImg.getAttribute("nj"));
    
    
    // 2.如何修改元素属性
    /*
    let oImg = document.querySelector("img");
    // oImg.title = "新的title";
    // oImg.setAttribute("title", "新的title222");
    // 注意点和获取元素属性一样
    // oImg.nj = "123";
    oImg.setAttribute("nj", "123");
    */

    // 3.如何新增元素属性
    /*
    let oImg = document.querySelector("img");
    // oImg.it666 = "itzb";
    
    // 注意点: setAttribute方法如果属性不存在就是新增,
    // 如果属性存在就是修改
    
    oImg.setAttribute("it666", "itzb");
    */

    // 4.如何删除元素属性
    let oImg = document.querySelector("img");
    // oImg.alt = "";
    // oImg.removeAttribute("alt");
    // 注意点和获取元素属性一样
    // oImg.nj = "";
    oImg.removeAttribute("nj");