通过JS为HTML标签添加样式

2022-09-04 20:32:48 阅读：458 来源： 互联网

标签：ylfkfs 标签 JS HTML tab select2 close id focusColor

1、直接根据id赋予类或移除类；

<style>
    .tab-close{
        cursor: not-allowed;
    }
    .atab-close{
        pointer-events: none;
    }
</style>

<li id="tab2"><a id="atab2" href="#tab_2" data-toggle="tab">1</a></li>

//js代码
<script>
    $("#tab2").addClass("tab-close");
    $("#atab2").addClass("atab-close");
    $("#tab2").removeClass("tab-close");
    $("#atab2").removeClass("atab-close");
</script>

View Code

2、动态为元素赋予类或移除类

var element = document.getElementById(ys_id);
element.classList.add("focusColor");//给ys_id添加类focusColor的样式
element.parentNode.classList.add("focusColor");//给ys_id的父元素添加类focusColor的样式

View Code

3、select2中设置下拉框的样式

$('#ylfkfs').select2({
            data:${ylfkfs},
            language : "zh-CN",
            multiple:false,
            minimumResultsForSearch: -1
        });
        var span_select = document.getElementById("select2-ylfkfs-container").parentNode;
        span_select.style.border = "0px";
        document.getElementById("select2-ylfkfs-container").style.paddingLeft = "13px";

View Code

参考博文：https://www.cnblogs.com/henuyuxiang/p/7423993.html

标签：ylfkfs,标签,JS,HTML,tab,select2,close,id,focusColor
来源： https://www.cnblogs.com/daytoy105/p/16655945.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

通过JS为HTML标签添加样式