আপনি জাভাস্ক্রিপ্ট সহ সিএসএস বিধি মানগুলি কীভাবে পড়বেন?

Question

আপনি কোনও ইনলাইন শৈলীতে যে ফর্ম্যাটটি দেখতে চান তার মতো আমি কোনও সিএসএস নিয়মের সমস্ত সামগ্রীর সাথে একটি স্ট্রিং ফিরিয়ে দিতে চাই। আমি কোনও নির্দিষ্ট নিয়মে কী রয়েছে তা না জেনে এটি করতে সক্ষম হতে চাই, তাই আমি কেবল স্টাইলের নাম দ্বারা এগুলি বের করতে পারি না (যেমন .style.widthইত্যাদি)

সিএসএস:

.test {
    width:80px;
    height:50px;
    background-color:#808080;
}

এখন পর্যন্ত কোড:

function getStyle(className) {
    var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules
    for(var x=0;x<classes.length;x++) {
        if(classes[x].selectorText==className) {
            //this is where I can collect the style information, but how?
        }
    }
}
getStyle('.test')

Comments

দয়া করে এটি পরীক্ষা করুন। stackoverflow.com/questions/53592919/…

— মিথিলালেস কুমার

Answer 1

থেকে অভিযোজিত এখানে , scunliffe এর উত্তরে বিল্ডিং:

function getStyle(className) {
    var cssText = "";
    var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
    for (var x = 0; x < classes.length; x++) {        
        if (classes[x].selectorText == className) {
            cssText += classes[x].cssText || classes[x].style.cssText;
        }         
    }
    return cssText;
}

alert(getStyle('.test'));

Comments

নোট করুন যে ক্লাসেরনেম সিএসএস ফাইলে ব্যবহৃত নির্বাচকটির সাথে অবশ্যই মিলবে। উদাহরণস্বরূপ getStyle ("। নিবন্ধ a") কোনও স্টাইলকে এভাবে বর্ণিত থাকলে কিছুই খুঁজে পাবেন না "art

— ভিলিয়াস পলাউসকাস

এটি ক্রোমে কাজ করে না, তবে এটি ফায়ারফক্সে কাজ করে, সমস্যা কী হতে পারে ??

— জনডিপ

যদি সেখানে একাধিক স্টাইলশীট হয়, তাহলে আপনি লুপ করতে well.for হিসাবে যারা মাধ্যমে হবে (Var i = 0; আমি <document.styleSheets.length আমি ++,) {Var গুলি = document.styleSheets [আমি];}

— সূর্য

@surya দেখুন জন্য আমার উত্তর অভিযোজিত পূর্ণ পরিশ্রমী সমাধান

— শহরবাসী

@ জোনিডিপ ক্রোমে var classesথাকা উচিত document.styleSheets[0].rules[0].cssRules। এটি উত্তরে শিমের সাথে (সৃজনশীলভাবে) যুক্ত হতে পারে।

— হেনরিক ক্রিস্টেনসেন

Answer 2

যেহেতু "এনএসডেল" থেকে গৃহীত উত্তরটি কেবলমাত্র একটি নথিতে একটি স্টাইলশিট দিয়ে উপলভ্য, এটি অভিযোজিত পূর্ণ কার্যক্ষম সমাধান:

    /**
     * Gets styles by a classname
     * 
     * @notice The className must be 1:1 the same as in the CSS
     * @param string className_
     */
    function getStyle(className_) {

        var styleSheets = window.document.styleSheets;
        var styleSheetsLength = styleSheets.length;
        for(var i = 0; i < styleSheetsLength; i++){
            var classes = styleSheets[i].rules || styleSheets[i].cssRules;
            if (!classes)
                continue;
            var classesLength = classes.length;
            for (var x = 0; x < classesLength; x++) {
                if (classes[x].selectorText == className_) {
                    var ret;
                    if(classes[x].cssText){
                        ret = classes[x].cssText;
                    } else {
                        ret = classes[x].style.cssText;
                    }
                    if(ret.indexOf(classes[x].selectorText) == -1){
                        ret = classes[x].selectorText + "{" + ret + "}";
                    }
                    return ret;
                }
            }
        }

    }

বিজ্ঞপ্তি: নির্বাচক অবশ্যই সিএসএসের মতো হতে হবে।

Comments

global_উইন্ডো অবজেক্টের জন্য কেবলমাত্র একটি উপাধি নয়। আমি কোড স্নিপেট সম্পাদনা করেছি। এটা এখন কাজ করা উচিত

— শহরবাসী

আপনার কোডটি ব্যর্থ হয় যদি স্টাইলশিটে কোনও বিধি বা সিএসআরুল না থাকে (যা ঘটতে পারে!) যোগ করুন যদি (! শ্রেণি) অবিরত থাকে; var শ্রেণীর পরে = শৈলীপত্র [i] .rules || স্টাইলশীট [আমি] .cssRules; var শ্রেণিগুলির দৈর্ঘ্য = শ্রেণি. দৈর্ঘ্য; আমার সম্পাদনা দেখুন

— kofifus

কাজ করে তবে একটি স্ট্রিংয়ের পরিবর্তে কোনও বস্তু ফিরিয়ে দেওয়া উচিত

— ব্রুলিওলো

@kofifus তোমার পদ্ধতির যোগ করা হয়েছে

— শহরবাসী

জিসি ভার্সিও .0৪.০ থেকে এটি কাজ করে না তা নোট করুন: স্ট্যাকওভারফ্লো

— প্রশ্নগুলি

Answer 3

সমাধান 1 (ক্রস-ব্রাউজার)

function GetProperty(classOrId,property)
{ 
    var FirstChar = classOrId.charAt(0);  var Remaining= classOrId.substring(1);
    var elem = (FirstChar =='#') ?  document.getElementById(Remaining) : document.getElementsByClassName(Remaining)[0];
    return window.getComputedStyle(elem,null).getPropertyValue(property);
}

alert( GetProperty(".my_site_title","position") ) ;

সমাধান 2 (ক্রস-ব্রাউজার)

function GetStyle(CLASSname) 
{
    var styleSheets = document.styleSheets;
    var styleSheetsLength = styleSheets.length;
    for(var i = 0; i < styleSheetsLength; i++){
        if (styleSheets[i].rules ) { var classes = styleSheets[i].rules; }
        else { 
            try {  if(!styleSheets[i].cssRules) {continue;} } 
            //Note that SecurityError exception is specific to Firefox.
            catch(e) { if(e.name == 'SecurityError') { console.log("SecurityError. Cant readd: "+ styleSheets[i].href);  continue; }}
            var classes = styleSheets[i].cssRules ;
        }
        for (var x = 0; x < classes.length; x++) {
            if (classes[x].selectorText == CLASSname) {
                var ret = (classes[x].cssText) ? classes[x].cssText : classes[x].style.cssText ;
                if(ret.indexOf(classes[x].selectorText) == -1){ret = classes[x].selectorText + "{" + ret + "}";}
                return ret;
            }
        }
    }
}

alert( GetStyle('.my_site_title') );

Answer 4

সচেতন হওয়ার জন্য কিছু ব্রাউজারের পার্থক্য:

সিএসএস দেওয়া:

div#a { ... }
div#b, div#c { ... }

এবং ইনসডেলের উদাহরণ দেওয়া হিসাবে, ক্লাসগুলির এফএফে 2 টি ক্লাস এবং আই 7 তে 3 ক্লাস থাকবে ।

আমার উদাহরণ এটি চিত্রিত করে:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <style>
    div#a { }
    div#b, div#c { }
    </style>
    <script>
    function PrintRules() {
    var rules = document.styleSheets[0].rules || document.styleSheets[0].cssRules
        for(var x=0;x<rules.length;x++) {
            document.getElementById("rules").innerHTML += rules[x].selectorText + "<br />";
        }
    }
    </script>
</head>
<body>
    <input onclick="PrintRules()" type="button" value="Print Rules" /><br />
    RULES:
    <div id="rules"></div>
</body>
</html>

Answer 5

এখানে একটি পৃষ্ঠার সমস্ত বিধি দ্বারা পুনরাবৃত্তি কোড:

function iterateCSS(f) {
  for (const styleSheet of window.document.styleSheets) {
    const classes = styleSheet.rules || styleSheet.cssRules;
    if (!classes) continue;

    for (const cssRule of classes) {
      if (cssRule.type !== 1 || !cssRule.style) continue;
      const selector = cssRule.selectorText, style=cssRule.style;
      if (!selector || !style.cssText) continue;
      for (let i=0; i<style.length; i++) {
        const propertyName=style.item(i);
        if (f(selector, propertyName, style.getPropertyValue(propertyName), style.getPropertyPriority(propertyName), cssRule)===false) return;
      }
    }
  }
}

iterateCSS( (selector, propertyName, propertyValue, propertyPriority, cssRule) => {
  console.log(selector+' { '+propertyName+': '+propertyValue+(propertyPriority==='important' ? ' !important' : '')+' }');
});

Answer 6

function getStyle(className) {
    document.styleSheets.item("menu").cssRules.item(className).cssText;
}
getStyle('.test')

দ্রষ্টব্য: "মেনু" হ'ল একটি উপাদান আইডি যা আপনি সিএসএস প্রয়োগ করেছেন। "className" একটি CSS শ্রেণীর নাম যা আমাদের এটির পাঠ্য হওয়া দরকার।

Comments

আপনি কি নিশ্চিত যে এটি কাজ করছে? ( itemএএফআইএইকে পদ্ধতিটি একটি শ্রেণীর নাম নয়, একটি পূর্ণসংখ্যার সূচক নেয়)।

— জুলিয়েন ক্রোনেগ

সম্পূর্ণ ননসেন্স

— tnt-rox

Answer 7

সত্যিই কাজ করার পরামর্শগুলির মধ্যে আমি কোনও পাইনি। এখানে আরও শক্তিশালী একটি রয়েছে যা ক্লাসগুলি সন্ধান করার সময় ব্যবধানকে স্বাভাবিক করে তোলে।

//Inside closure so that the inner functions don't need regeneration on every call.
const getCssClasses = (function () {
    function normalize(str) {
        if (!str)  return '';
        str = String(str).replace(/\s*([>~+])\s*/g, ' $1 ');  //Normalize symbol spacing.
        return str.replace(/(\s+)/g, ' ').trim();           //Normalize whitespace
    }
    function split(str, on) {               //Split, Trim, and remove empty elements
        return str.split(on).map(x => x.trim()).filter(x => x);
    }
    function containsAny(selText, ors) {
        return selText ? ors.some(x => selText.indexOf(x) >= 0) : false;
    }
    return function (selector) {
        const logicalORs = split(normalize(selector), ',');
        const sheets = Array.from(window.document.styleSheets);
        const ruleArrays = sheets.map((x) => Array.from(x.rules || x.cssRules || []));
        const allRules = ruleArrays.reduce((all, x) => all.concat(x), []);
        return allRules.filter((x) => containsAny(normalize(x.selectorText), logicalORs));
    };
})();

এটি ক্রোম কনসোল থেকে কার্যকর হয়েছে।

Comments

এটি এই পৃষ্ঠার সমস্ত উত্তরের মেচা। এমনকি

— গিথুবকে

এটি আই 11 এ কাজ করে না, কারণ সরবরাহিত বাক্য গঠন সহ অ্যারে.ম্যাপ () সমর্থিত নয়। আমি এটিকে পুরানো ফাংশনে পরিবর্তনের পরামর্শ দেব () - এক্সএক্সএক্সএক্স ফিরে; better আরও ভাল সামঞ্জস্য জন্য সিনট্যাক্স। অন্যথায়, দুর্দান্ত উত্তর!

— ডেমোনব্ল্যাক

আইই 11 (যেমন ES5) এর সাথে কাজ করার জন্য আমি এটি সংশোধন করেছি। আপনার যা যা প্রয়োজন সবকিছু সহ একটি জেএসফিডাল এখানে রয়েছে: jsfiddle.net/xp5r8961

— ডেমোনব্ল্যাক

Answer 8

আমি একটি অনুরূপ সহায়ক ফাংশন তৈরি করেছি যা এই পৃষ্ঠার জন্য অনিবদ্ধ শৈলীগুলি দেখায়। <div>যেখানে ব্যবহৃত হয় না এমন সমস্ত স্টাইলের তালিকা দেহে একটি যুক্ত করে।

(ফায়ারব্যাগ কনসোল ব্যবহার করতে)

(function getStyles(){var CSSrules,allRules,CSSSheets, unNeeded, currentRule;
CSSSheets=document.styleSheets;

for(j=0;j<CSSSheets.length;j++){
for(i=0;i<CSSSheets[j].cssRules.length;i++){
    currentRule = CSSSheets[j].cssRules[i].selectorText;

    if(!document.querySelectorAll(currentRule).length){ 
       unNeeded+=CSSSheets[j].cssRules[i].cssText+"<br>"; 
  }       
 }
}

docBody=document.getElementsByTagName("body")[0];
allRulesContainer=document.createElement("div");
docBody.appendChild(allRulesContainer);
allRulesContainer.innerHTML=unNeeded+isHover;
return false
})()

Answer 9

আরও সম্পূর্ণ ফলাফল পেতে julmot এর উত্তর অভিযোজিত। এই পদ্ধতিটি শৈলীর ক্ষেত্রেও ফিরে আসবে যেখানে ক্লাসটি নির্বাচকদের জন্য অংশ।

//Get all styles where the provided class is involved
//Input parameters should be css selector such as .myClass or #m
//returned as an array of tuples {selectorText:"", styleDefinition:""}
function getStyleWithCSSSelector(cssSelector) {
    var styleSheets = window.document.styleSheets;
    var styleSheetsLength = styleSheets.length;
    var arStylesWithCSSSelector = [];

    //in order to not find class which has the current name as prefix
    var arValidCharsAfterCssSelector = [" ", ".", ",", "#",">","+",":","["];

    //loop through all the stylessheets in the bor
    for(var i = 0; i < styleSheetsLength; i++){
        var classes = styleSheets[i].rules || styleSheets[i].cssRules;
        var classesLength = classes.length;
        for (var x = 0; x < classesLength; x++) {
            //check for any reference to the class in the selector string
            if(typeof classes[x].selectorText != "undefined"){
                var matchClass = false;

                if(classes[x].selectorText === cssSelector){//exact match
                    matchClass=true;
                }else {//check for it as part of the selector string
                    //TODO: Optimize with regexp
                    for (var j=0;j<arValidCharsAfterCssSelector.length; j++){
                        var cssSelectorWithNextChar = cssSelector+ arValidCharsAfterCssSelector[j];

                        if(classes[x].selectorText.indexOf(cssSelectorWithNextChar)!=-1){
                            matchClass=true;
                            //break out of for-loop
                            break;
                        }
                    }
                }

                if(matchClass === true){
                    //console.log("Found "+ cssSelectorWithNextChar + " in css class definition " + classes[x].selectorText);
                    var styleDefinition;
                    if(classes[x].cssText){
                        styleDefinition = classes[x].cssText;
                    } else {
                        styleDefinition = classes[x].style.cssText;
                    }
                    if(styleDefinition.indexOf(classes[x].selectorText) == -1){
                        styleDefinition = classes[x].selectorText + "{" + styleDefinition + "}";
                    }
                    arStylesWithCSSSelector.push({"selectorText":classes[x].selectorText, "styleDefinition":styleDefinition});
                }
            }
        }
    }
    if(arStylesWithCSSSelector.length==0) {
        return null;
    }else {
        return arStylesWithCSSSelector;    
    }
}

তদতিরিক্ত, আমি একটি ফাংশন তৈরি করেছি যা আপনার সরবরাহের মূল নোডের উপ-গাছের জন্য সিএসএস শৈলীর সংজ্ঞা সংগ্রহ করে (জকিউয়ের নির্বাচকের মাধ্যমে)।

function getAllCSSClassDefinitionsForSubtree(selectorOfRootElement){
    //stack in which elements are pushed and poped from
    var arStackElements = [];
    //dictionary for checking already added css class definitions
    var existingClassDefinitions = {}

    //use jquery for selecting root element
    var rootElement = $(selectorOfRootElement)[0];
    //string with the complete CSS output
    var cssString = "";

    console.log("Fetching all classes used in sub tree of " +selectorOfRootElement);
    arStackElements.push(rootElement);
    var currentElement;

    while(currentElement = arStackElements.pop()){
        currentElement = $(currentElement);
        console.log("Processing element " + currentElement.attr("id"));

        //Look at class attribute of element 
        var classesString = currentElement.attr("class");
        if(typeof classesString != 'undefined'){
            var arClasses = classesString.split(" ");

            //for each class in the current element
            for(var i=0; i< arClasses.length; i++){

                //fetch the CSS Styles for a single class. Need to append the . char to indicate its a class
                var arStylesWithCSSSelector = getStyleWithCSSSelector("."+arClasses[i]);
                console.log("Processing class "+ arClasses[i]);

                if(arStylesWithCSSSelector != null){
                    //console.log("Found "+ arStylesWithCSSSelector.length + " CSS style definitions for class " +arClasses[i]);
                    //append all found styles to the cssString
                    for(var j=0; j< arStylesWithCSSSelector.length; j++){
                        var tupleStyleWithCSSSelector = arStylesWithCSSSelector[j];

                        //check if it has already been added
                        if(typeof existingClassDefinitions[tupleStyleWithCSSSelector.selectorText] === "undefined"){
                            //console.log("Adding " + tupleStyleWithCSSSelector.styleDefinition);
                            cssString+= tupleStyleWithCSSSelector.styleDefinition;
                            existingClassDefinitions[tupleStyleWithCSSSelector.selectorText] = true;
                        }else {
                            //console.log("Already added " + tupleStyleWithCSSSelector.styleDefinition);
                        }
                    }
                }
            }
        }
        //push all child elments to stack
        if(currentElement.children().length>0){
            arStackElements= arStackElements.concat(currentElement.children().toArray());
        }
    }

    console.log("Found " + Object.keys(existingClassDefinitions).length + " CSS class definitions");
    return cssString;
}

নোট করুন যে কোনও শ্রেণি একই নির্বাচিতের সাথে বেশ কয়েকবার সংজ্ঞায়িত হলে উপরের ফাংশনটি কেবল প্রথমটিকে বেছে নেবে। নোট করুন যে উদাহরণটি jQuery ব্যবহার করে (তবে ক্যাব তুলনামূলকভাবে সহজেই এটি ব্যবহার না করে পুনরায় লেখা হবে)

Comments

একটি নন jquery সমাধান (এবং একটি jsfizz ..) পেয়ে দুর্দান্ত হবে

— kofifus

Answer 10

// আইই তে কাজ করে, অন্যান্য ব্রাউজার সম্পর্কে নিশ্চিত নয় ...

alert(classes[x].style.cssText);

Answer 11

এই সংস্করণটি কোনও পৃষ্ঠায় স্টাইলশিটগুলির মধ্য দিয়ে যাবে। আমার প্রয়োজনের জন্য, শৈলীগুলি সাধারণত 20+ স্টাইলশিটগুলির মধ্যে ২ য় থেকে শেষ পর্যন্ত থাকে, তাই আমি সেগুলি পিছনের দিকে চেক করি।

    var getStyle = function(className){
        var x, sheets,classes;
        for( sheets=document.styleSheets.length-1; sheets>=0; sheets-- ){
            classes = document.styleSheets[sheets].rules || document.styleSheets[sheets].cssRules;
            for(x=0;x<classes.length;x++) {
                if(classes[x].selectorText===className) {
                    return  (classes[x].cssText ? classes[x].cssText : classes[x].style.cssText);
                }
            }
        }
        return false;
    };

Answer 12

আমি অবজেক্টের রিটার্ন যোগ করেছি যেখানে বৈশিষ্ট্যগুলি শৈলী / মানগুলি পৃথক করা হয়েছে:

var getClassStyle = function(className){
    var x, sheets,classes;
    for( sheets=document.styleSheets.length-1; sheets>=0; sheets-- ){
        classes = document.styleSheets[sheets].rules || document.styleSheets[sheets].cssRules;
        for(x=0;x<classes.length;x++) {
            if(classes[x].selectorText===className){
                classStyleTxt = (classes[x].cssText ? classes[x].cssText : classes[x].style.cssText).match(/\{\s*([^{}]+)\s*\}/)[1];
                var classStyles = {};
                var styleSets = classStyleTxt.match(/([^;:]+:\s*[^;:]+\s*)/g);
                for(y=0;y<styleSets.length;y++){
                    var style = styleSets[y].match(/\s*([^:;]+):\s*([^;:]+)/);
                    if(style.length > 2)
                        classStyles[style[1]]=style[2];
                }
                return classStyles;
            }
        }
    }
    return false;
};

Comments

style.cssText.match(...).1নাল বা না একটি বস্তুর

— শহরবাসী

Uncaught ReferenceError: classStyleTxt is not defined

— জ্যাকসনকর 18 ই

Answer 13

আমি এমন একটি সংস্করণ তৈরি করেছি যা সমস্ত স্টাইলশিট অনুসন্ধান করে এবং কী / মান অবজেক্ট হিসাবে ম্যাচগুলি ফেরত দেয়। আপনি শৈলীর শৈলীর সাথে মেলে শর্তগুলিও নির্দিষ্ট করতে পারেন ।

getStylesBySelector('.pure-form-html', true);

আয়:

{
    ".pure-form-html body": "padding: 0; margin: 0; font-size: 14px; font-family: tahoma;",
    ".pure-form-html h1": "margin: 0; font-size: 18px; font-family: tahoma;"
}

থেকে:

.pure-form-html body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: tahoma;
}

.pure-form-html h1 {
    margin: 0;
    font-size: 18px;
    font-family: tahoma;
}

কোড:

/**
 * Get all CSS style blocks matching a CSS selector from stylesheets
 * @param {string} className - class name to match
 * @param {boolean} startingWith - if true matches all items starting with selector, default = false (exact match only)
 * @example getStylesBySelector('pure-form .pure-form-html ')
 * @returns {object} key/value object containing matching styles otherwise null
 */
function getStylesBySelector(className, startingWith) {

    if (!className || className === '') throw new Error('Please provide a css class name');

    var styleSheets = window.document.styleSheets;
    var result = {};

    // go through all stylesheets in the DOM
    for (var i = 0, l = styleSheets.length; i < l; i++) {

        var classes = styleSheets[i].rules || styleSheets[i].cssRules || [];

        // go through all classes in each document
        for (var x = 0, ll = classes.length; x < ll; x++) {

            var selector = classes[x].selectorText || '';
            var content = classes[x].cssText || classes[x].style.cssText || '';

            // if the selector matches
            if ((startingWith && selector.indexOf(className) === 0) || selector === className) {

                // create an object entry with selector as key and value as content
                result[selector] = content.split(/(?:{|})/)[1].trim();
            }
        }
    }

    // only return object if we have values, otherwise null
    return Object.keys(result).length > 0 ? result : null;
}

খাঁটি-ফর্ম প্রকল্পের অংশ হিসাবে আমি এটি উত্পাদনে ব্যবহার করছি । আশা করি এটা সাহায্য করবে.

Answer 14

আমিও একই সমস্যার মুখোমুখি হয়েছি। এবং ছেলের সহায়তায় আমি একটি সত্যই স্মার্ট সমাধান নিয়ে এসেছি যা এই সমস্যাটিকে পুরোপুরি সমাধান করে (ক্রোম দিয়ে চালানো)।

নেটওয়ার্ক থেকে সমস্ত চিত্র বের করুন

 function AllImagesUrl (domain){
  return  performance.getEntries()
    .filter( e=> 
       e.initiatorType == "img" &&
       new RegExp(domain).test(e.name) 
    )
  .map( e=> e.name.replace('some cleaning work here','') ) ```

Answer 15

const getStyle = query => [...document.querySelector(query).computedStyleMap().entries()].map(e=>(e[1]+=[],e)).map(e=>e.join`:`+';').join`\n`

এক লাইনে, কোনও প্রশ্নের জন্য উত্পন্ন সিএসএস প্রিন্ট করে।

Answer 16

@ ডুড উত্তরের উপর ভিত্তি করে এটি কোনও সামগ্রীতে প্রাসঙ্গিক স্টাইলগুলি ফিরিয়ে আনবে:

.recurly-input {                                                                                                                                                                             
  display: block;                                                                                                                                                                            
  border-radius: 2px;                                                                                                                                                                        
  -webkit-border-radius: 2px;                                                                                                                                                                
  outline: 0;                                                                                                                                                                                
  box-shadow: none;                                                                                                                                                                          
  border: 1px solid #beb7b3;                                                                                                                                                                 
  padding: 0.6em;                                                                                                                                                                            
  background-color: #f7f7f7;                                                                                                                                                                 
  width:100%;                                                                                                                                                                                
}

এটি ফিরে আসবে:

backgroundColor:
"rgb(247, 247, 247)"
border
:
"1px solid rgb(190, 183, 179)"
borderBottom
:
"1px solid rgb(190, 183, 179)"
borderBottomColor
:
"rgb(190, 183, 179)"
borderBottomLeftRadius
:
"2px"
borderBottomRightRadius
:
"2px"
borderBottomStyle
:
"solid"
borderBottomWidth
:
"1px"
borderColor
:
"rgb(190, 183, 179)"
borderLeft
:
"1px solid rgb(190, 183, 179)"
borderLeftColor
:
"rgb(190, 183, 179)"
borderLeftStyle
:
"solid"
borderLeftWidth
:
"1px"
borderRadius
:
"2px"
borderRight
:
"1px solid rgb(190, 183, 179)"
borderRightColor
:
"rgb(190, 183, 179)"
borderRightStyle
:
"solid"
borderRightWidth
:
"1px"
borderStyle
:
"solid"
borderTop
:
"1px solid rgb(190, 183, 179)"
borderTopColor
:
"rgb(190, 183, 179)"
borderTopLeftRadius
:
"2px"
borderTopRightRadius
:
"2px"
borderTopStyle
:
"solid"
borderTopWidth
:
"1px"
borderWidth
:
"1px"
boxShadow
:
"none"
display
:
"block"
outline
:
"0px"
outlineWidth
:
"0px"
padding
:
"0.6em"
paddingBottom
:
"0.6em"
paddingLeft
:
"0.6em"
paddingRight
:
"0.6em"
paddingTop
:
"0.6em"
width
:
"100%"

কোড:

function getStyle(className_) {

    var styleSheets = window.document.styleSheets;
    var styleSheetsLength = styleSheets.length;
    for(var i = 0; i < styleSheetsLength; i++){
        var classes = styleSheets[i].rules || styleSheets[i].cssRules;
        if (!classes)
            continue;
        var classesLength = classes.length;
        for (var x = 0; x < classesLength; x++) {
            if (classes[x].selectorText == className_) {
                return _.pickBy(classes[x].style, (v, k) => isNaN(parseInt(k)) && typeof(v) == 'string' && v && v != 'initial' && k != 'cssText' )
            }
        }
    }

}

Comments

লোডাশ ব্যবহার ছাড়াই কিছু? _.পিকবিয়ের অন্যথায় উপস্থিত নেই।

— এমপ্যাগ

আপনি তাদের যা জিজ্ঞাসা করছেন তার উপর ভিত্তি করে কে & ভি বিপরীত করা হয়েছে .... ফিরে আসা উচিত_.pickBy(classes[x].style, (k,v) => isNaN(parseInt(k)) && typeof(v) == 'string' && v && v != 'initial' && k != 'cssText' )

— এমপ্যাগ