js中设置元素a的一些属性_js添加a子元素的属性-CSDN博客

本文链接：https://blog.csdn.net/zimu_2080/article/details/89494259

本文介绍如何使用JavaScript控制页面中a元素的状态，包括上一页、下一页等分页按钮的禁用与启用，以及如何创建带有特定属性的a元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在js中设置元素a的一些常见属性。

如分页按钮组合中的：上一页、下一页、首页、末页

如判断为首页，那么上一页和首页按钮应该是不可点击的，设置如下。

function firstPageEnablePageBtn(isEnable) {
    var firstPage = document.getElementById("firstPage");
    var prePage = document.getElementById("prePage");
    if(isEnable) {
        firstPage.removeAttribute("disabled");
        prePage.removeAttribute("disabled");
        firstPage.setAttribute("href", "#");
        prePage.setAttribute("href", "#");
    } else {
        firstPage.removeAttribute("href");
        prePage.removeAttribute("href");
        firstPage.setAttribute("disabled", "disabled");
        prePage.setAttribute("disabled", "disabled");
    }
}

如判断为末页，那么下一页和末页按钮应该是不可点击的，设置如下。

function lastPageEnablePageBtn(isEnable) {
    var lastPage = document.getElementById("lastPage");
    var nextPage = document.getElementById("nextPage");
    if(isEnable) {
        lastPage.removeAttribute("disabled");
        nextPage.removeAttribute("disabled");
        lastPage.setAttribute("href", "#");
        nextPage.setAttribute("href", "#");
    } else {
        lastPage.removeAttribute("href");
        nextPage.removeAttribute("href");
        lastPage.setAttribute("disabled", "disabled");
        nextPage.setAttribute("disabled", "disabled");
    }
}

js中创建一个a元素

        var refuse = document.createElement("a");
        refuse.setAttribute('data-toggle',"modal" );  //模态框属性
        refuse.setAttribute('data-target',"#myModalRefuse" );  //模态框属性
        refuse.innerText = '拒绝申请';  //a文字显示
        refuse.style.color = "red";   //a文字颜色
        refuse.style.cursor = "pointer";  //鼠标放置在该链接文字上出现手指点击的图标
        refuse.style.textDecoration = "underline"; //出现下划线