文档章节

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):删除子节点



© 著作权归作者所有

共有 人打赏支持
人间四月
粉丝 2
博文 74
码字总数 30455
作品 0
朝阳
程序员

暂无文章

创建第一个react项目

sudo npm i -g create-react-app@1.5.2 create-react-app react-app cd react-apprm -rf package-lock.jsonrm -rf node_modules #主要是为了避免报错npm installnpm start......

lilugirl
今天
1
0
在浏览器中进行深度学习:TensorFlow.js (八)生成对抗网络 (GAN)

Generative Adversarial Network 是深度学习中非常有趣的一种方法。GAN最早源自Ian Goodfellow的这篇论文。LeCun对GAN给出了极高的评价: “There are many interesting recent development...

naughty
今天
0
0
搬瓦工镜像站bwh1.net被DNS污染,国内打不开搬瓦工官网

今天下午(2018年10月17日),继搬瓦工主域名bandwagonhost.com被污染后,这个国内的镜像地址bwh1.net也被墙了。那么目前应该怎么访问搬瓦工官网呢? 消息来源:搬瓦工优惠网->搬瓦工镜像站b...

flyzy2005
今天
3
0
SpringBoot自动配置

本篇介绍下,如何通过springboot的自动配置,将公司项目内的依赖jar,不需要扫描路径,依赖jar的情况下,就能将jar内配置了@configuration注解的类,创建到IOC里面 介绍下开发环境 JDK版本1.8 spr...

贺小五
今天
5
0
命令行新建Maven多项目

参考地址 # DgroupId 可以理解为包名# DartifactId 可以理解为项目名mvn archetype:generate -DgroupId=cn.modfun -DartifactId=scaffold -DarchetypeArtifactId=maven-archetype-quickst......

阿白
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部