了解搜索引擎工作原理的读者一般都知道,设计人员需要验证页面中是否包含特定的HTML元素,根据验证结果来决定搜索引擎下一步的工作。本例演示效果如图2.1所示。
图2.1 检查特定HTML元素
本例主要代码如下:
通过jQuery选择器检查特定HTML元素是否存在,其实有几种方法都可以实现。例如有一段HTML代码如下:
可以通过以下方法来检查特定的HTML元素是否存在。
(1)使用HTML元素的id:
(2)使用HTML元素的name:
(3)使用HTML元素的sourseIndex:
(4)使用HTML元素的链接集合:
(5)使用getElementById()函数:
(6)使用getElementsByName()函数:
(7)使用getElementsByTagName()函数:
(8)使用HTML元素tags集合方法:
在jQuery中需要特别注意all方法与getElementById()、getElementsByName()、getElementsByTagName()这些函数的区别:
● 尽量不要采用all方法来获取元素,这种方法不符合W3C标准,而且只能在IE或IE内核的浏览器中有效。
● 使用getElementById()函数通过id来取得document中的某一特定元素,只能访问设置了id的元素。
● 使用getElementsByName()函数获得元素数组时,如果document中只有一个指定name的标签时,也返回数组。document中每一个元素的id是唯一的,但name却可以重复。
● 使用getElementsByTagName()函数通过tagName来获得元素时,一个document中当然会有相同的标签,所以这个函数也是取得一个数组。