警报未在 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 都是正确的，但他们都假设了两件不同的事情。 Sena 假设product_container15 是一个输入，而Mohamed 假设它是一个容器元素，如“”。

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

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");
}