javascript（jquery）中如何判断一个元素在页面中是否存在

JavaScript020

javascript（jquery）中如何判断一个元素在页面中是否存在,第1张

因此在用js对某个元素的属性进行操作时，应先判断元素是否存在。注意如下几种判断方法，根据实际情况选择使用：1. 判断表单元素是否存在（一）if ( periodPerMonth in document.theForm ){return trueelsereturn false}2. 判断页面元素是否存在if (document.getElementById(XXX)){//存在}3. 判断表单元素是否存在（二）if (document.theForm.periodPerMonth){//存在}或if(typeof(document.theForm.periodPerMonth)==object){//存在}4. 判断表单是否存在if (document.theForm){//存在}5.用Jquery写脚本

通过dom对象的id进行判断

举例：

1

2

3

4

var a = document.getElementById('dom对象的id')//通过getelementbyid方法获取dom节点

if(a){//如果a非null，则表示获取到了dom对象

//存在

}

补充：

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

这在IE浏览器中往往会弹出一个js错误提示框，影响用户体验。所以比较好的做法是，在访问页面元素的属性或方法之前，先判断此页面元素是否存在。function f(elementId) {var obj = document.getElementById(elementId)if(obj) {// 相关操作}}上面的代码是先通过document.getElementById()去获取指定的页面元素，然后通过if(obj)判断页面元素是否存在，如果存在则进行相关操作。