文档章节

DOM

人间四月
 人间四月
发布于 2015/12/09 00:03
字数 331
阅读 13
收藏 0

DOM,Document Object Model,文档对象模型。

DOM是W3C指定的网页标准或规则,而这个标准,在浏览器中,以对象的形式实现。

DOM官方定义:

    DOM可以使用脚本,动态的访问或操作,网页的内容,网页外观,网页结构。


DOM分类:
  • 核心DOM:提供了同时操作HTML文档和XML文档的公共属性和方法。

  • HTM LDOM:针对HTML文档提供的专用的属性方法。

  • XML DOM:针对XML文档提供的专用的属性和方法。

  • CSS DOM:操作CSS的属性和方法。

  • Event DOM:时间对象模型。


核心DOM中的公共属性和方法:
  1. 节点访问:

    1. nodeName:节点名称

    2. nodeName:节点的值,只有文本节点才有值,元素节点没有

    3. firstChild:第一个子节点

    4. lastChild:最后一个子节点

    5. childNodes:节点列表,是一个数组

      1. 查找<html>标记的方法:

        1. document.firstChild

        2. document.documentElement

      2. 查找<body>标记的方法

        1. docuemnt.firstChild.lastChild

        2. document.body


  2. 节点属性:

    1. setAttribute(name,value):给某个节点添加一个属性

    2. getAttribute(name):获取某个属性的值

    3. removeAttribute(name):删除某个节点的属性

  3. 节点的创建:

    1. createElement(tagName):创建一个指定的HTML标记,tagName,标记名称,没有<>

    2. appendChild(elementObj):将创建的节点追加到某个父节点下

    3. removeChild(elementObj):删除子节点



© 著作权归作者所有

共有 人打赏支持
上一篇: CSS DOM动态样式
下一篇: JS-BOM和DOM简介
人间四月
粉丝 2
博文 74
码字总数 30455
作品 0
朝阳
程序员
私信 提问

暂无文章

解析Nuxt.js Vue服务端渲染摸索

本篇文章主要介绍了详解Nuxt.js Vue服务端渲染摸索,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 Nuxt.js 十分简单易用。一个简...

前端攻城老湿
9分钟前
1
0
深入解析React中的元素、组件、实例和节点

React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 React 中的元素、组件、实例和节点,是React中关系密切的...

前端攻城小牛
24分钟前
2
0
菜鸟网络三面面经(java开发岗):Spring boot+JVM+线程池+中间件

一面 1、HaspMap底层原理?HaspTable和ConcurrentHashMap他们之间的相同点和不同点? 2、由上题提到锁的问题 3、MySQL的表锁&行锁&乐观锁&悲观锁,各自的使用场景 4、Java线程锁有哪些,各自的...

别打我会飞
29分钟前
4
0
NCL入门

;***这两行指令必须加载,类似于c语言中的库函数load "$NCARG_ROOT/lib/ncarg/nclscripts/csm/gsn_code.ncl"load "$NCARG_ROOT/lib/ncarg/nclscripts/csm/gsn_csm.ncl"begin ......

voole
32分钟前
1
0
程序员该如何把握黄金五年!

在Java业界流行着一种说法——黄金5年,就是从程序员入职时算起,前五年的工作选择直接影响整个职业生涯的职业发展和薪资走向。如何把握这五年,从一个刚入行的菜鸟蜕变成一个处事不惊的大佬...

James-
42分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部