如何检查对象值？

Question

我无法弄清楚我的测试页中有趣的内容 所以，我可以说我已经进入了我的页面对象：

<b id="1i1">$</b>

我的脚本中的某些innerHTML可以改变哪些（工作正常） 我想检查这个对象的值并进行比较：

function buttonPress()
{
    if(document.getElementById("1i1").value == "$")
    {
        //do something
    }
}

但上面代码中getElementById("1i1").value的输出为undefined，而不是"$" 我如何从这个对象中获取字符串值？

Answer 1

尝试innerHTML

function buttonPress()
{
    if((document.getElementById("1i1").innerHTML) == "$")
    {
        return (document.getElementById("1i1").innerHTML);
    }
}

alert(buttonPress())

JsFiddle

Answer 2

您的HTML文档有一个用于粗体标记的节点和一个Text节点。 document.getElementById("1i1")表达式返回粗体标记。现在得到第一个文本
 .firstChild然后.wholeText，以便在浏览器中显示该字符串。

document.getElementById("1i1").firstChild.wholeText

DOM specification很适合阅读，jQuery在事情变得复杂时会有很大的帮助。