位置: 编程技术 - 正文

JavaScript驾驭网页-DOM

编辑:rootadmin

推荐整理分享JavaScript驾驭网页-DOM,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

一、DOM全称

文档对象模型(Document Object Model)

二、DOM是什么

DOM就是一个编程接口,就是一套API。DOM是针对HTML文档、XML等文档的一套API。就类似于JDBC是针对数据库的一套API一样。

三、DOM的用途

DOM 是用来访问或操作HTML文档、XHTML文档、XML文档中的节点元素。

现在基本上所有的浏览器都都执行了W3C发布的DOM规范,所以在浏览器上就可以用DOM的这些API。

DOM提供对脚本友善的网页结构与内容的视图

DOM把网页视为节点构成的层次树

DOM树

每棵DOM树的最顶端节点都是Document,它在HTML节点的上层

网页是DOM节点的集合

见图1

节点类型

网页节点是按类别分类的,主要有元素节点与文本节点构成

见图2

节点特性

利用节点特性能用于导览节点树

JavaScript驾驭网页-DOM

以下是常用的节点特性:

nodeValue 存储于节点的值,只限于文本与属性节点使用(不含元素)

nodeType 节点类型,例如它是DOCUMENT或TEXT等等,但以代号表示

childNodes 包含节点下所有子节点的数组,以出现在HTML代码中的顺序而排列

firstChild 节点下的第一个子节点

lastChild 节点下的最后一个子节点

例子

利用DOM改变元素的内容

首先 移除所有子节点

然后 根据新内容创建新的文本节点

最后 把新创建的文本子节点附加到节点下

这里涉及到三个方法

removeChidl()移除目标节点下的一个子节点,传入将被移除的子节点

createTextNode()从文本字符串创建文本节点

appendChildO()以最后一个子节点的开工加入新节点,传入将被新增加的子节点

总结

innerHTML虽并非万维网的标准,但这个特性能访问元素内存储的所有内容

Document Object Model(文档对象模型),简称DOM,提供访问和修改网页数据的标准化机制

DOM视图页为关联节点的层次树

使用DOM(而非innerHTML)改变网页内容的方案,需移除元素下所有的子节点,然后创建并附加上包含新内容的新子节点。

关于JavaScript驾驭网页-DOM就给大家介绍到这里,下篇将给大家介绍JavaScript驾驭网页-CSS与DOM,感兴趣的朋友点击查看详情!

JavaScript驾驭网页-CSS与DOM 推荐阅读:JavaScript驾驭网页-DOMDOM是种符合万维网标准的HTML操纵方式,它能比innerHTML特性达成更多操控功能这里有HTML代码与CSS代码!doctypehtmlhtmlheadmetach

JavaScript驾驭网页-获取网页元素 推荐阅读:JavaScript驾驭网页-DOMJavaScript驾驭网页-CSS与DOM利用DOM分割HTML利用JavaScript控制网页内容其实很像烹饪。只是不用收拾列羹剩肴,但也没有办法

js+css实现select的美化效果 先给大家看一看美化之后的效果图:CSS:.div-select{border:solid1px#;height:px;line-height:px;cursor:default;}.div-select-text{float:left;background-color:#fff;height:%;word-br

标签: JavaScript驾驭网页-DOM

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

上一篇:JS中setTimeout的巧妙用法前端函数节流

下一篇:JavaScript驾驭网页-CSS与DOM

  • 所得税申报表的营业成本包括费用吗
  • 企业所得税汇算清缴账务处理
  • 小企业会计制度科目和2013年小企业会计准则科目的区别
  • 年度部门决算报表系统路径
  • 有关研发支出的账务怎么做?
  • 工程项目罚款收入账务处理
  • 房地产行业企业所得税政策
  • 增值税普通发票有什么用
  • 怎么才算小企业
  • 建筑安装企业增值税税负
  • 出口旧设备最新政策
  • 劳务分包预缴税怎么算
  • 外资企业银行贷款限制
  • 在建工程进项税额
  • 房地产公司要做数据分析吗
  • 软件开发公司的运营模式
  • 民事责任行政责任刑事责任的区别
  • 核定征收的小微企业企业所得税计算
  • 物业公司安装监控
  • 定额发票存根联丢失如何处罚
  • 四川中级会计报名需要上传哪些资料
  • 资产减值损失怎么计提
  • 怎么处理有问题的货物
  • 危险废物处置是冶金行业吗
  • 企业所得税计算方法公式
  • 运输发票备注规定
  • 进项税额认证了也就是抵扣了吗?
  • php密码加密和解密
  • 递延性负债
  • 电脑eb是什么意思
  • 数据处理教程
  • 交通费补贴算工资吗?
  • 对外投资概述
  • 结算成本处理怎么取消
  • 手工帐应交税费明细账
  • 双色球python算法
  • 完美解决在ThinkPHP控制器中命名空间的问题
  • el-upload上传文件携带参数
  • 训练自己的GPT
  • 多交增值税计入什么科目
  • 库存盘点差异会计分录
  • 支付国外佣金税怎么算
  • 年底全年的研发费用占比
  • 残疾人就业保障金是什么意思啊
  • 新成立的小公司财务怎么管理
  • 改签机票要收费
  • 医疗服务增值税税率
  • 个体户定额3万需要申报吗
  • 足浴店装修大概多少钱一平
  • 金税四期可以查到闭环开票信息吗
  • 政府会计制度应收账款坏账准备
  • 劳务公司开出的劳务票需要申报个税吗
  • 营改增后建筑企业税负
  • 银行贷款直接给钱吗
  • 待结算财政款项是什么科目
  • 员工报销停车费计入什么科目
  • 进口货物只有报关单能入账吗
  • mysql数据库子查询
  • centos7怎么配置yum源
  • 应该怎么消除
  • winxp系统连接网络
  • window10声音自动减小
  • 关闭5gwifi
  • xp系统桌面图标不见了,点什么都没用?
  • ubuntu 14.04.6
  • win7关机没反应怎么办
  • 删掉sam文件后无法开机
  • linux双网卡绑定原理
  • extern定义函数
  • android.permission.interact_across_users_full
  • 安卓 unity
  • cocos2dx quicxk 3.3 导入Json文件布局 UI
  • jquery添加图片
  • jquery mobile
  • jquery get(0)
  • javascript 基础篇1 什么是js 建立第一个js程序
  • jquery从左到右渐渐显示
  • js中new一个函数
  • android从入门到精通
  • 房屋赠与给子女要交多少税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设