警报未在 javascript 中显示 getElementbyId

Question

function showPrice(){ 

    var a = document.getElementById("product_container15");

    if (a == "$1,599.00"){
        alert(a);
    }
    else {
        alert("$1,499.00");
    }
}

这始终返回 1,499.00 美元。我知道我做错了，或者也许有一种完全不同的方式来写这个。如果 id 是“product_container15”，我希望警报显示 $1,599.00。如果不是，则警报将显示 $1,499.00。有人可以告诉我这是怎么做到的吗？谢谢！

Answer 1

在您的情况下，a 是 html 对象，因此它永远不会是“$1,599.00”也许您应该像这样尝试

function showPrice(){ 

var a = document.getElementById("product_container15").value;

if (a == "$1,599.00"){
alert(a);
}
else {
alert("$1,499.00");
}
}

Answer 2

a 是一个元素 - 你想要内容吗？

如果这是 HTML 标记，请尝试 textContent 或（对于 IE innerText）：

alert(a.textContent);

或等效的（用于文本节点）nodeValue：

alert(a.nodeValue);

如果a 是表单元素（input、textarea 等...），请使用value 属性：

alert(a.value);

Answer 3

这是因为a 包含Element。要获取该元素的html，请执行a.innerHtml 或a.innerText。

var a = document.getElementById("product_container15").innerText;

if (a == "$1,599.00"){
    alert(a);
}
else {
    alert("$1,499.00");
}

Answer 4

我认为 Senad 和 Mohamed 都是正确的，但他们都假设 2 个不同的事情。 Sena 假设 product_container15 是一个输入，而 Mohamed 假设它是一个容器元素，如 ""。

所以，如果 product_container15 是一个“输入”元素，那么只值我的 2 美分：

var a = document.getElementById("product_container15").value;

if (a == "$1,599.00"){
alert(a);
}
else {
alert("$1,499.00");
}
}

如果是 div、span 或任何其他元素，则：

var a = document.getElementById("product_container15").innerText;

if (a == "$1,599.00"){
    alert(a);
}
else {
    alert("$1,499.00");
}