javascript - 将 JavaScript 中的字符串与来自 css 内容的字符串进行比较

Question

我正在尝试创建一个基于来自 css 内容属性的字符串比较的条件语句。

到目前为止，这是我的代码，但即使认为字符串相同，比较也会返回 false。

CSS

.right-section::before {
        content:" the blue dog";
     /*   position: relative; */
        top: -50px; 
        }

Javascript

jQuery(document).ready(function($) {
        var content = getComputedStyle(document.querySelector('.right-section'), ':before').getPropertyValue('content');
         var content2 = " the blue dog";
        if( content == content2) {
           console.log("CSS  running");
            $("#margin-adjust").css("margin-top", "10px !important");
          } 
            });

这里是codepen的链接 https://codepen.io/anon/pen/EXZrwB?editors=1111

感谢任何帮助!

Answer 1

CSS 属性值包含双引号，因此您需要与也包含双引号的字符串值进行比较:

 var content2 = '" the blue dog"';

...那么它们将相等。