Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

document get all elements by property has white color

//This function will return an array of rgb/rgba colors declared via inline styles or CSS classes

function getAllColors() {
    // regex via http://stackoverflow.com/a/7543829/149636
    var rgbRegex = /^rgba?((d+),s*(d+),s*(d+)(?:,s*(d+(?:.d+)?))?)$/;

    var allColors = [];

    var elems = document.getElementsByTagName('*');
    var total = elems.length;

    var x,y,elemStyles,styleName,styleValue,rgbVal;

    for(x = 0; x < total; x++) {
        elemStyles = window.getComputedStyle(elems[x]);

        for(y = 0; y < elemStyles.length; y++) {
            styleName = elemStyles[y];
            styleValue = elemStyles[styleName];

            if(!styleValue) {
                continue;
            }

            // convert to string to avoid match exceptions
            styleValue += "";

            rgbVal = styleValue.match(rgbRegex);
            if(!rgbVal) { // property does not contain a color
                continue;
            }

            if(allColors.indexOf(rgbVal.input) == -1) { // avoid duplicate entries
                allColors.push(rgbVal.input);
            }

        }

    }

    return allColors;
}
Comment

PREVIOUS NEXT
Code Example
Javascript :: how to add types of a chance mixin 
Javascript :: dynamodb json to normal json 
Javascript :: read data from store i ngrxstore 
Javascript :: dshongphuc/magic-mouse-js 
Javascript :: javascript update array of objects with reduce site:stackoverflow.com 
Javascript :: javascript multiple enventListeners in one 
Javascript :: react passport session 
Javascript :: only return inner hits from nested objects 
Javascript :: get player on seat 
Javascript :: × react TypeError: Object(...) is not a function 
Javascript :: listen to changes in children of div in html 
Javascript :: javascript array get element by index 
Javascript :: Immediate execution of a function 
Javascript :: isnumber javascript 
Javascript :: createelement and set prop attr jquery 
Javascript :: creat checkbox and append it to a list js 
Javascript :: function reducer sintaxe 
Javascript :: fcctest cdn reactjs setup 
Javascript :: date from = to 
Javascript :: indexOf() usages 
Javascript :: javascript random number between 0 and 30 
Javascript :: char code to string javascript 
Javascript :: Reactjs exemple function component 
Javascript :: mongoose operand find method 
Javascript :: Answer the following questions by identifying what unit of measurement to be used. 2pts. Brainly 
Javascript :: list-react-files 
Javascript :: IIFE module pattern in javascript 
Javascript :: how to make image slider in react js 
Javascript :: call url many times 
Javascript :: cercle progress bar angular 
ADD CONTENT
Topic
Content
Source link
Name
3+4 =