位置: 编程技术 - 正文

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

  • 退税怎么做账务处理,需要交什么税
  • 计提增值税会计科目是什么
  • 增值税发票平台怎么下载已认证发票
  • 代扣代缴个人所得税会计分录怎么做
  • 原始凭证太多如何删除
  • 零申报是不是什么都不用填
  • 增值税专票销售额含税吗
  • 没有车加油费可以入账吗
  • 印花税多缴纳怎么办
  • 收购公司固定资产注意事项
  • 哪些票据可以挂公司名下
  • 私车公用保险费用公司承担吗
  • 以前纳税申报表在哪里查询
  • 专票作废流程是什么意思
  • 企业房屋管理办法
  • 模拟评估了是什么意思
  • 从业人数如何计算
  • 月末主营业务收入结转会计分录
  • 个人所得税申报退税的条件
  • 天猫技术服务费什么时候返还
  • 网上代开专票 附加税在哪看
  • 汇算清缴退税计入什么科目
  • 其他应收款社保个人部分分录
  • bios密码如何设置
  • 如何在Excel中添加筛选项
  • 经营性资产和非经济资产
  • 费用发票可以抵扣吗
  • mac如何修改照片的尺寸大小
  • php中数组的概念
  • linux怎么用gcc编译c程序
  • 用银行存款支付本季度短期借款利息
  • .exe是什么软件
  • 流转税的计税依据有哪些
  • 如何解决焦虑
  • 红宝石地址
  • ROS2+cartographer+激光雷达+IMU里程计数据融合(robot_locazation) 建图
  • 动态模型图如何制作
  • php计算数组中值怎么算
  • python标准库在哪个目录
  • 固定资产清理应交增值税怎么算
  • php自动加载函数
  • 稿费支付方式怎么填
  • 公司租赁个人车辆账务处理
  • 公司帐户到银行怎么取钱
  • 公司账本凭证保存期限
  • 房地产城建税计税依据
  • 审核后的凭证
  • 折旧费和折旧额的区别
  • 毛利率在餐饮中的应用
  • 年度奖金个税计算器
  • 公司报销金额有限制吗
  • 物流公司交的保证金可以退吗?
  • 企业所得税征前还是征后
  • 产品质量问题扣款账务处理
  • 应收账款客户少付款怎么记账
  • 限售股上市流通是好还是坏
  • 不能收回的应收账款
  • 建筑工地塔吊租赁会计分录
  • 劳务费需要通过应付职工薪酬科目核算吗
  • sql server 2012 数据库bak脚本还原
  • 删除mysql数据库命令
  • mysql 查找
  • centos7怎么查看磁盘空间
  • msng.exe病毒
  • micc是什么意思中文
  • xp系统怎么关闭更新系统
  • linux wget curl
  • 高手养成计划 小说
  • window7激活系统
  • 修改etc profile
  • android item属性
  • css自学
  • js确认框s弹出框确定和取消
  • python基础总结
  • javascript初级教程
  • android实现简单的计算机界面
  • django返回json数据
  • 河北电子税务局社保缴费流程
  • 山东省2023年医改方案
  • 如何查询车辆购置税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设