1

当我要搜索的所有元素都被声明时,我的脚本工作正常,但我一生都无法弄清楚如何测试一个元素是否存在。

$placeHolder.getElementsByTagName(tagname)[0].firstChild.data; // works if the element exists

我试过测试这些代码行:

if (!($placeHolder.getElementsByTagName(tagname)[0].firstChild.data in window)) //always true
{   
    alert("this doesn't exist");
    return $noValue;
}
else
    return $placeHolder.getElementsByTagName(tagname)[0].firstChild.data;

即使元素存在,if 语句为真并执行第一个代码块,如果它不存在,它只会生成一个错误,指出 '$placeHolder.getElementsByTagName(tagname)[0].firstChild.data' 未定义。

接下来我尝试了这种方法:

if (typeof $placeHolder.getElementsByTagName(tagname)[0].firstChild.data == "undefined")
    {   
        alert("this doesn't exist");
        return $noValue;
    }
    else
        return $placeHolder.getElementsByTagName(tagname)[0].firstChild.data;

如果元素确实存在,这个实际上可以正常工作,但仍然会产生与上面那个相同的错误。

我尝试制作一个 try catch 块,但遇到了同样的问题,即必须测试元素是否未定义。D:<

我所需要的只是一种简单的方法来查看相关元素是否存在(即它是否未定义。)是否有我不知道的方法或者我做错了什么?

EDIT2:做$placeHolder.getElementsByTagName(tagname).length

如果元素未定义,则有效,但如果它是这样的元素: <anElement></anElement>

$placeHolder.getElementsByTagName(tagname).length 返回 true,当元素中没有任何内容时执行语句。尝试这个测试:

if ($placeHolder.getElementsByTagName(tagname)[0].firstChild.data == null)

也不行。

4

1 回答 1

1

首先需要检查tagname您的$placeHolder. getElementsByTagName返回NodeList,因此您可以通过length以下方式检查它:

if( $placeHolder.getElementsByTagName(tagname).length > 0 )
于 2013-09-08T06:15:52.900 回答