如何判断出一个js对象是否一个dom对象

如何判断出一个js对象是否一个dom对象,第1张

我们在写js代码时有时需要判断某个对象是不是DOM对象,然后再进行后续的 *** 作,这里我给出一种兼容各大浏览器,同时又算是比较稳妥的一种方法。

要判断一个对象是否DOM对象,首先想到的无非就是它是否具有DOM对象的各种属性或特征,比如是否有nodeType属性,有tagName属性,等等。判断的特征越多,也就越可靠,因为毕竟我们自定义的js对象也可以有那些属性。还有其他方法吗

在DOM

Level2标准中定义了一个HTMLElement对象,它规定所有的DOM对象都是HTMLElement的实例,所以我们可以利用这点来判断一个对象是不是DOM对象:如果该对象是HTMLElement的实例,则它肯定是一个DOM对象。在不支持HTMLElement的浏览器中我们则还是使用特征检测法。

<script

type="text/javascript">

//首先要对HTMLElement进行类型检查,因为即使在支持HTMLElement

//的浏览器中,类型却是有差别的,在Chrome,Opera中HTMLElement的

//类型为function,此时就不能用它来判断了

var

isDOM

=

(

typeof

HTMLElement

===

'object'

)

function(obj){

return

obj

instanceof

HTMLElement;

}

:

function(obj){

return

obj

&&

typeof

obj

===

'object'

&&

objnodeType

===

1

&&

typeof

objnodeName

===

'string';

}

</script>

以上就是小编为大家带来的如何判断出一个js对象是否一个dom对象全部内容了,希望大家多多支持脚本之家~

下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素,使用for循环把取得的div元素的值存入数组arr中,完成的代码如下:

运行结果,打印数组如下:

扩展资料:

js或jQuery获取html元素的值的常用方法:

例如:<div id="aa">值</div>

js写法:

alert(documentgetElementById('aa')innerHTML);

jQuery写法:

alert($('#aa')html());

说明如下:

innerHTML是取元素的内部html代码,此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法。

首先 nextSibling 并不是所有浏览器执行后 结果都是一样的!

这是我写的:

<html>

<head>

<meta >

跪求高手解决啊:现在我的一个项目:需要链接一个别人的页面(不在同一个域),我把这个页面装到我的Iframe里面,但是别人的这个页面是:采用post提交的,我想在我的项目里面监视他的提交,来截取这个post的数据,不通过监视也行,只要获取这个数据就行(jquery的跨域请求只能获取:get方式提交的数据啊,post不行),我把分全部奉上了啊,,

<div id='div1'><a></a></div>

var div1=documentgetElementById('div1');

var a1=div1getElementByTagName('a');

以上就是关于如何判断出一个js对象是否一个dom对象全部的内容,包括:如何判断出一个js对象是否一个dom对象、HTML5 js如何获取所有相同ID或class的元素、怎么样通过js DOM获取一个节点的文本内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9596614.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存