在页面上反转除图像之外的所有内容

Question

您好我试图反转页面上除图像外的所有内容？任何帮助将不胜感激。感谢。

http://jsfiddle.net/nikita_turing/jVKw6/3/

<a href="javascript:(function(){var css='html {-webkit-filter: invert(100%);'+'-moz-filter: invert(100%);'+'-o-filter: invert(100%);'+'-ms-filter: invert(100%); }',head=document.getElementsByTagName('head')[0],style=document.createElement('style');if(!window.counter){window.counter=1;}else{window.counter++;if(window.counter%2==0){var css='html {-webkit-filter: invert(0%); -moz-filter: invert(0%); -o-filter: invert(0%); -ms-filter: invert(0%); }'}};style.type='text/css';if(style.styleSheet){style.styleSheet.cssText=css;}else{style.appendChild(document.createTextNode(css));}head.appendChild(style);})();">Bookmarklet</a>

Answer 1

如果你可以使用jQuery，使用伪选择器:not(img)选择除图像之外的所有元素，然后设置你想要的CSS。

像

这样的东西

$(":not(img)").css({"-webkit-filter": "invert(100%)","-moz-filter": "invert(100%)","-o-filter": "invert(100%)","-ms-filter": "invert(100%)"});

Answer 2

可以有两种不同的解决方案。也许不是最好的。

第一个，Find all images 然后反转元素并将图像反转回第一个条件。

第二个，使用jQuery get all img elements并执行与上一个想法相同的工作。