Javascript 基于它更改颜色'；s值。。。拿2块

类似于我上周的问题

同样，如果值为真，我需要返回绿色，如果值为假，则返回红色。逻辑是正确的，只是样式不起作用，但我不知道为什么

JS

    var getAcrobatInfo = function () {
        var noPDF = 'No PDF viewer installed';

        var getBrowserName = function () {
            return this.name = this.name || function () {
                var userAgent = navigator ? navigator.userAgent.toLowerCase() : "other";

                if (userAgent.indexOf("chrome") > -1) {
                    return "chrome";
                } else if (userAgent.indexOf("safari") > -1) {
                    return "safari";
                } else if (userAgent.indexOf("msie") > -1 || navigator.appVersion.indexOf('Trident/') > 0) {
                    return "ie";
                } else if (userAgent.indexOf("firefox") > -1) {
                    return "firefox";
                } else {
                    //return "ie";
                    return userAgent;
                }
            }();
        };

        var getActiveXObject = function (name) {
            try {
                return new ActiveXObject(name);
            } catch (e) { }
        };

        var getNavigatorPlugin = function (name) {
            for (key in navigator.plugins) {
                var plugin = navigator.plugins[key];
                if (plugin.name == name) return plugin;
            }
        };

        var getPDFPlugin = function () {
            return this.plugin = this.plugin || function () {
                if (getBrowserName() == 'ie') {
                    return getActiveXObject('AcroPDF.PDF') || getActiveXObject('PDF.PdfCtrl');
                } else {
                    return getNavigatorPlugin('Adobe Acrobat') || getNavigatorPlugin('Chrome PDF Viewer') || getNavigatorPlugin('WebKit built-in PDF');
                }
            }();
        };

        var isAcrobatInstalled = function () {
            return !!getPDFPlugin();
        };

        var getAcrobatVersion = function () {
            try {
                var plugin = getPDFPlugin();

                if (getBrowserName() == 'ie') {
                    var versions = plugin.GetVersions().split(',');
                    var latest = versions[0].split('=');
                    return parseFloat(latest[1]);
                }

                if (plugin.version) return parseInt(plugin.version);
                return plugin.name
            } catch (e) {
                return noPDF;
            }
        }

        return {Acrobat: isAcrobatInstalled()};
    };

    var info = getAcrobatInfo();
    var pdf = document.getElementById('acrobat');

    if (info.Acrobat) {
        pdf.classList.add('green');
        pdf.innerHTML = 'True';
    }
    else {
        pdf.classList.add('red');
        pdf.innerHTML = 'False';
    }    
}

#pdf.green {
  color: #33CC33;
  font-weight: bold;
}
#pdf.red {
  color: #FF0000;
  font-weight: bold;
}

HTML

    <tr>
        <td>PDF Viewer Enabled:</td>
        <td id="acrobat"></td>
   </tr>

---

当您添加类

red/green

时，它在这种情况下不起作用，因为在样式表中，您有

#pdf.green

，而您的元素有id

#acrobat

@ammarces，非常简单，谢谢：）当你添加类

红/绿

时，它在这种情况下不起作用，因为在样式表中你有

#pdf.green

，而你的元素有id

#acrobat

@ammarces，非常简单，谢谢：）当您添加类

红/绿

时，它在这种情况下不起作用，因为在样式表中您有

#pdf.green

，而您的元素有id

#acrobat

@ammarces，非常简单，谢谢：）