位置: 编程技术 - 正文

详谈DOM简介及节点、属性、查找节点的方法(简述dom的组成)

编辑:rootadmin

推荐整理分享详谈DOM简介及节点、属性、查找节点的方法(简述dom的组成),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:dom juan,dom结构,dom juan,dom节点有哪些,dom的概念,dom juan,dom juan,dom介绍,内容如对您有帮助,希望把文章链接给更多的朋友!

DOM(Document Object Modle) 操作文档的编程接口

DOM定义了表示和修改文档的方法,不能修改css样式表,在js中使用DOM方法改变元素的css样式,实质上是在元素上添加行间样式。

DOM对象就是宿主对象,用来操作HTML和xml功能对象的集合。 xml——>xhtml——>html4.0——>html5

HTML和xml的区别:除了xml可以自定义标签外基本上没区别,xml被json替代了。

document,单独写的时候,它代表整个文档,隐式的写在html标签的上一层,html只是文档中的根标签。

注意点:BOM、DOM成组的东西都是类数组,而不是数组。

获取元素的方法:

getElementById();

在IE8以下的浏览器不区分id值得大小写,并且匹配元素的name的属性值。由于后台会修改id值,所以尽量不用或少用id。

getElementsByTagName();标签名,所有浏览器都支持

getElementsByClassName(); IE8及其以下得浏览器不支持

getElementsByName(); 在旧版本中,只有能提交请求的标签的name才生效(form、表单元素、img、iframe)

document.querySelector(); css选择器,IE7及以下不兼容,并且不具有实时性。

document.querySelectAll();

节点类型:

元素节点 1

属性节点 2

文本(text)节点 3 // 文本、空格、回车等都是文本节点

注释(comment)节点 8

document节点 9

详谈DOM简介及节点、属性、查找节点的方法(简述dom的组成)

documentfragment

遍历节点数:

parentNode 子节点的父节点,最终的parentNode节点是document节点。

childNodes 父节点的所有子节点,元素节点、注释节点、文本节点

firstChild 第一个子节点

lastChild 最后一个子节点

nextSibling 下一个兄弟节点

previousSibling 前一个兄弟节点

遍历元素节点数:(除了children节点,其他的都是IE9及以下不兼容)

parentElement 元素的父元素节点,最终的父元素节点是html元素,document是自成节点。

children 父元素下的元素子节点。

node.childElementCount === node.children.length 当前子节点的元素子节点个数。用children.length。

firstElementChild 第一个元素子节点

lastElementChild 最后一个元素子节点

nextElementSibling、previousElemnetSibling

节点的四个属性:

nodeName 除了元素节点,返回的结果前面都有一个‘#',而元素节点返回大写形式的标签名,类型都为只读。

nodeValue 只用于文本节点和注释节点,可读写。

nodeType 返回数字,该数字代表对应的节点类型。只读

attributes 元素节点的属性集合。

node.hasChildNodes()方法,判断父节点里面是否有子节点,返回结果为布尔值。

以上这篇详谈DOM简介及节点、属性、查找节点的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

javascript Function函数理解与实战 Function函数是javascript的基础也是实现功能的一个引爆点,我们通过实例分析让你对Function函数有一个更加深刻的理解以及在实际中的用法讲解。Function确

如何让你的JS代码更好看易读 作为JS程序员,自己写的代码如果好看易读,不只是自己看起来好看,在别的程序员接手以后,也会是交接工作异常顺利。不要在代码中留大段注释掉的

基于js 字符串indexof与search方法的区别(详解) 1.indexof方法indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。语法:注意:有可选的参数(即设置开始的检索位置)。2、search方法sear

标签: 简述dom的组成

本文链接地址:https://www.jiuchutong.com/biancheng/368472.html 转载请保留说明!

上一篇:ES6 javascript中class类的get与set用法实例分析

下一篇:javascript Function函数理解与实战

  • 个人所得税如何做会计分录
  • 固定资产累计折旧会计科目
  • 取用备用金要188分
  • 社保漏缴1个月怎么补缴
  • 民办非企业单位是私立还是公立
  • 经常做无票收入没有通过公户收款会有问题吗
  • 退税发票认证流程
  • 跨月的增值税普通发票开错了怎么办
  • 个人抬头发票可以抵税个人所得税吗
  • 出版产品
  • 800多项进口关税减免
  • 出口抵内销产品应纳税额分录
  • 出口退税进项税额可以抵扣吗
  • 当期发生的费用
  • 亏本销售商品如何做其会计分录?
  • 代办企业开户
  • 从农民手中购进农产品进项税
  • 注册资本印花税计入哪个科目
  • 增值税发票地址变更后开原来的地址能用吗
  • 开加工费的发票该如何抵扣?
  • 开户许可证怎么下载电子版
  • 利润表本月金额怎么算
  • 工程服务发票税率3%
  • 收到政府补助的现金流
  • 以前年度多计提了税金怎么办
  • 暂估成本的会计处理
  • php文件包含的4种方式
  • 完税凭证遗失后还能用吗
  • 银行账户销户余额转入另外的公司账户分录
  • 苹果手机铃声删除在哪里
  • php读取word
  • PQIBrowser.exe是什么进程 PQIBrowser进程查询
  • 企业发放误餐补助需要票据吗
  • 增值税检查后的调账方法
  • 冲账怎么写?
  • php不执行
  • 增值税普通发票和专用发票有什么区别
  • 支付工资会计
  • 农药普通发票可以抵扣
  • 城镇土地使用税优惠政策
  • 帝国cms8.0
  • 财政拨款结余的明细科目有哪些
  • 零申报一定要有员工吗
  • 承兑汇票可以当现金借给别人用吗
  • access 模糊匹配
  • 预计净残值是怎么算出来的
  • 期权费如何入账
  • 商家的促销
  • 财务费用手续费借贷方向
  • 期初建账库存现金如何填写
  • 在筹建期间的费用属于什么
  • 储备基金是什么
  • 在计划管理中根据事实思考这一步的内容是
  • 应付票据在资产负债表怎么填列
  • 公司账本需要保留几年
  • 资产负债表不平最简单的方法
  • mysql found_row()使用详解
  • 行转列sql函数
  • mysql停不掉
  • 如何关闭windows程序
  • linux的sbin
  • win 10 ie浏览器
  • win7系统玩游戏怎么样
  • 游戏类游戏开发
  • 一个简单的灵魂
  • python获取命令行执行命令的输出
  • WWW封装共享 [复制链接]
  • 深入理解ts
  • 自定义右键属性是什么
  • unity3d怎么控制人物移动
  • python多进程模块
  • js中的面向对象
  • 税务局副局长分管业务
  • 报价单盖什么公章
  • ukey开票人是管理员改胃自己时只能开电子发票
  • 个人所得税赡养老人可以填两个吗
  • 以房产作价投资增值税怎么算
  • 甘肃省国家税务局
  • 季度预缴申报表在哪里查询
  • 车船税代收有发票吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设