位置: 编程技术 - 正文

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

  • 企业以买一赠一
  • 印花税应计入什么账户
  • 法人怎么从公账上转账
  • 转出未交增值税年末怎么转平
  • 利息收入属于主体收入吗
  • 主营业务收入和销售收入
  • 事业单位财政拨款取得方式
  • 补提上年度所得税影响本年所得税吗
  • 子母公司有连带责任吗
  • 成本少结转了怎么调回
  • 工会经费拨缴是什么意思
  • 固定资产残值怎么计算出来的
  • 怎么根据进销存做账
  • 收到微信公众号退款怎么做账
  • 餐饮业一般纳税人企业所得税税率
  • 税务会计学知识点
  • 企业发给职工的全年一次性奖金不缴纳个人所得税对吗
  • 不容忽视的近义词
  • 应付账款周转天数上升的原因
  • 分公司用总公司盖章说明
  • 使用时间长但金币不见了
  • 个人取得的哪些收入属于经营所得
  • 电脑开机故障不开机
  • 一种简单的快乐
  • 行政单位如何将资产年报导入财报里
  • 苹果 macOS 13.3 开发者预览版 Beta 2 发布
  • 商业成本结转会计分录
  • 捐赠支出汇算清缴需要调增吗
  • encore是什么软件
  • PHP:imagepsextendfont()的用法_GD库图像处理函数
  • 会计科目的设置应该符合国家统一会计准则的规定
  • 以固定资产投资的会计处理
  • 去年买的设备今年入固定资产如何做账
  • yii gridview
  • 旅行费发票
  • un删除
  • 生产型企业出口退税会计分录
  • 个人出租租房交什么税
  • 报税财务报表一定要填吗
  • css设置英文词距
  • 织梦怎么改文字
  • 个体户利润分配会计分录怎么做
  • 让渡资产使用权属于收入吗
  • 保险经纪公司要提取风险准备金按什么规定
  • 融资租赁确认的具体条件
  • 企业所得税的扣除是什么意思
  • sqlserver判断数字
  • 股东以固定资产入股会计处理
  • 小规模纳税人的增值税怎么算
  • 增值税普通发票查询
  • 其他业务收入借贷方向表示
  • 建筑公司工资如何
  • 销售费用的会计分录摘要
  • 年底未分配利润在贷方
  • 明细账的作用
  • linux文件系统损坏
  • dhcp client服务无法启动1083
  • Win10一键永久激活数字工具
  • Win10/Win8.1 PC版WhatsApp更新:新的emoji表情符号
  • mac怎么安装ios
  • centos 文件搜索
  • centos5.4
  • ubuntu发行版介绍
  • 打开win七
  • windows10x预览版
  • linux igb
  • win8怎么关闭电脑
  • linux怎么使用ssh命令
  • windows执行bat脚本
  • OpenCV-2.4.3+VS2010+Win7(32位)安装与配置
  • activex控件在哪设置
  • 下列关于js的说法正确的是
  • pm2系统的操作
  • unity dllimport
  • android:thumb
  • 广东省为什么电不够用
  • 正外部性与负外部性的定义
  • 深圳国税地税怎么申报
  • 长春市朝阳区公安局电话
  • 电子发票查询平台打印
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设