'undefined'不是一个对象

Question

我有一个看起来像这样的div:

<em id="ProductPrice" class="ProductPrice VariationProductPrice">$75.00</em>

如果文本的颜色有变化,我需要使文本的颜色改变颜色.

我写了这个:

<script>

$(document).ajaxSuccess(function(){

    var currentPrice = $.trim($("#ProductPrice").text());

    if(currentPrice == "%%GLOBAL_ProductPrice%%") 
    {
            $("#ProductPrice").style.color="black";
            console.log("black");
    }
    else
    {
            $("#ProductPrice").style.color="red";
            console.log("red");
    }

});

%% GLOBAL_ProductPrice %%是CMS中的一个变量,它在发生任何更改之前提供基值.

我得到错误'undefined'不是对象(评估'&("#ProductPrice").style.color ="red"')

我究竟做错了什么？

Answer 1

你在普通的Javascript中使用jQuery选择器,将无法正常工作.在javascript中你可以改变属性style,在jQuery中你有一个方法.css()来做这个.

试试这个:

$("#ProductPrice").css('color','black');

或纯粹的JavaScript

document.getElementById('ProductPrice').style.color="black";