zoukankan      html  css  js  c++  java
  • 封装一个函数获取或修改元素的某个样式

    var $Style = function(selector,sty,val){  //直接通过调用函数传参来获取和修改元素的css样式
            var elements = document.querySelectorAll(selector);
            var elementsNum = elements.length;
            var ElStyle = {};
            for(let i = 0; i<elementsNum; i++){
                if(val!=undefined){
                    elements[i].style[sty] =val;
                }
                if(document.body.currentStyle==undefined){
                    ElStyle[i+1] = getComputedStyle(elements[i],null)[sty];
                }else{
                    ElStyle[i+1] = elements[i].currentStyle[sty]
                }  
            }
            console.log(ElStyle)
        }

     1. 这是打开浏览器时最初的样式

     2. 在控制台输入 $Style('div:nth-of-type(2)','background-color','red') 后第二个div的样式变为红色。

     3. 在控制台输入 $Style('div:nth-of-type(3)','width','200px') 后,第三个div宽度变为'200px'。

  • 相关阅读:
    .net core
    asp.net core之abp框架
    C#
    c#
    C#
    C#
    C#
    技术术语
    mysql
    006.内测.情景之迷你财务记账
  • 原文地址:https://www.cnblogs.com/stardreams/p/12857211.html
Copyright © 2011-2022 走看看