您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

DOM中Node对象和Element对象之间的区别解析

2024/3/3 10:07:34发布15次查看
本篇文章给大家带来的内容是关于dom中node对象和element对象之间的区别解析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
node对象dom的标准规范中提供了node对象,该对象主要提供了用于解析dom节点树结构的属性和方法,dom树结构主要是依靠节点进行解析,成为dom节点树结构,node对象是解析dom节点树结构的主要入口,node对象提供的属性和方法,可以实现遍历节点、插入节点等操作
判断节点类型
元素名.nodename; - 得到标签名称(大写)
元素名.nodetype; - 得到元素的类型
元素名.nodevalue; - 得到元素的文本内容
获取父节点
节点名.parentnode; - 获取子节点的父节点
节点名.parentelement; - 获取其父元素节点
获取子节点
节点名.childnodes; - 获取父节点下的所有子节点
节点名.firstchild; - 获取父节点下第一个子节点
节点名.lastchild; - 获取父节点下最后一个子节点
获取相邻兄弟节点
节点名.previoussibling; - 获取上一个兄弟元素
节点名.nextsibling; - 获取下一个兄弟元素
appendchild()方法
父节点.appendchild(子节点); - 向父节点添加子节点,默认从最后面添加
父节点.insertbefore(新创建的节点,页面中的旧节点); - 向父元素中的指定子节点在其前面添加
删除节点
父节点.removechild(子节点); - 删除指定的子节点
替换节点
父节点.replacechild(新的子节点,目标节点); - 可以替换掉父节点中被选中的目标子节点
复制节点
被复制的目标节点.clonenode(true); - true为深度克隆,会将节点的所有东西克隆过去,false为非深度克隆,不会克隆文本,默认为false
textcontent属性
节点.textcontent; - 输出节点里面的文本内容
element对象dom的标准规范中提供了element对象,该对象提供了html页面中所有元素所具有的属性和方法,dom标准规范中提供了node对象,主要是依靠dom节点树结构访问和更新html页面的内容。而dom标准规范中提供了element对象,主要是依靠dom元素树结构访问和更新html页面内容,所有的html页面的元素都是htmlelement对象,而这个对象又是继承于element对象的
获取子元素
父元素.firstelementchild; - 获取父元素中第一个子元素
父元素.lastelementchild; - 获取父元素中最后一个子元素
获取相邻兄弟元素
元素.previouselementsibling; - 获取元素的上一个兄弟元素
元素.nextelementsibling; - 获取元素的下一个兄弟元素
属性操作
元素.getattribute('属性名称'); - 获取指定元素的指定属性
元素.setattribute('属性名称','属性值') - 设置指定元素的属性名称以及属性值
元素.removeattribute('属性名称'); - 删除指定元素的属性
元素.hasattribute('属性名称'); - 判断指定元素指定属性是否存在,结果返回布尔值
innerhtml属性
元素.innerhtml; - 获取指定元素的html代码
父元素.innerhtml=html代码; - 给父元素添加html代码,直接把html代码写在字符串中,但是这个方法具有安全问题
相关推荐:
jquery对象和javascript对象即dom对象相互转换_jquery
dom和xmlhttprequest对象的属性和方法,domxmlhttprequest
以上就是dom中node对象和element对象之间的区别解析的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product