изменить все вхождения слова в css с помощью javascript

Question

Я видел, что мы можем изменить все вхождения текста в HTML с помощью javascript, используя document.body.innerHTML = document.body.innerHTML.replace(/hello/g, 'hi');, но я пытаюсь изменить все вхождения в файле CSS.

То, что я пытаюсь сделать что-то вроде этого:

var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 
var proportion = w/h; 
if (proportion > 1.59) { 
    // width > height 
    document.body.innerHTML = document.body.innerCSS(?).replace(/vw/g, 'vh'); 
} else { 
    // height > width 
    document.body.innerHTML = document.body.style(?).replace(/vh/g, 'vw'); 

} 

Как меняется фольксваген в Vh, когда ширина страницы больше, и В.Х. к Vw, когда высота больше.

Answer 1

Вы можете изменить правила таблицы стилей селекторов с помощью JavaScript:

Fiddle

function replace_css_selector(search_value, new_value) { 
    var css_styles = ""; 
    var style = null; 
    for (var i = 0; i < document.styleSheets.length; i++) { 
     with(document.styleSheets[i]) { 
      if (typeof css_rules != "undefined") { 
       style = css_rules; 
      } else if (typeof rules != "undefined") { 
       style = rules; 
      } 
     } 
     for (var item in style) { 
      if (style[item].cssText != undefined) { 
       css_styles = (style[item].cssText); 
       style[item].selectorText = style[item].selectorText.replace(search_value, new_value); 
      } 

     } 
    } 
    return style; 
} 

list = replace_css_selector(/vh/g, 'vw');