博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Dom文档对像模型
阅读量:6309 次
发布时间:2019-06-22

本文共 691 字,大约阅读时间需要 2 分钟。

 

 

   

Dom:英文全称-Document Object Model 译成中文即是:文档对像模型.听起来很术语,其实就是文档内容的结构关系.文档类型可以是HTML或XML

Dom具有对Html文件和XML文件元素的访问控制能力,简单点说利用Dom可以对某个html或xml文件添加,修改,删除元素.更改其现有的结构或内容.

HTML Dom中最常用的几个方法之查找元素

  1. Dom之引用当前整个网页文档:document
  2. Dom如何快速在网页中查找某一元素:getElementById
  3. Dom中查找一组标签,具有相同名称的标签元素:getElementsByTagName
  4. 根据标签的Id属性值或name属性来查找多个元素:getElementsByName

Dom中创建,添加,删除,修改,替换,复制,网页中的标签和文本内容的方法如下.

  1. 在网页中的创建一个标签元素:createElement
  2. 创建一段文本内容:createTextNode
  3. 向网页中添加元素:appendChild
  4. 删除元素的Dom方法是:removeChild
  5. 修改网页中标签元素的属性:setAttribute
  6. 替换已存在的标签或元素:replaceChild
  7. 复制克隆已存在的标签或元素:cloneNode
  8. 获取和修改元素内的html标签与文本内容:innerHTML
  9. 获取或修改元素的文本内容,仅支持IE:innerText
  10. 获取或修改元素的文本内容,支持FF:textContent

转载于:https://www.cnblogs.com/z-uu/archive/2012/09/29/2708599.html

你可能感兴趣的文章
多年一直想完善的自由行政审批流程组件【2002年PHP,2008年.NET,2010年完善数据设计、代码实现】...
查看>>
自动生成四则运算题目
查看>>
【翻译】使用新的Sencha Cmd 4命令app watch
查看>>
【前台】【单页跳转】整个项目实现单页面跳转,抛弃iframe
查看>>
因为你是前端程序员!
查看>>
数据库设计中的14个技巧
查看>>
Android学习系列(5)--App布局初探之简单模型
查看>>
git回退到某个历史版本
查看>>
ecshop
查看>>
HTML5基础(二)
查看>>
在GCE上安装Apache、tomcat等
查看>>
在Mac 系统下进行文件的显示和隐藏
查看>>
ue4(c++) 按钮中的文字居中的问题
查看>>
技能点
查看>>
读书笔记《乌合之众》
查看>>
Hadoop日记Day1---Hadoop介绍
查看>>
iOS 学习资料汇总
查看>>
centos7 yum安装jdk
查看>>
Bluedroid与BluZ,蓝牙测试方法的变动(基于bludroid和BlueZ的对比)
查看>>
接口和抽象类有什么区别
查看>>