jacascript DOM节点——节点关系与操作

【jacascript DOM节点——节点关系与操作】的更多相关文章

jacascript DOM节点——节点关系与操作

前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 节点关系 DOM可以将任何HTML描绘成一个由多层节点构成的结构.每个节点都拥有各自的特点.数据和方法,也与其他节点存在某种关系.节点之间的关系构成了层次,而所有页面标签则表现为一个以特定节点为根节点的树形结构,也就是DOM树.下图为各节点之间的关系: 父级属性 parentNode 和 parentElement 每个节点都有一个 parentNode 属性,该属性指向文档树中的父节点.对于一个节点来…

jacascript DOM节点——元素节点、属性节点、文本节点

前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! DOM节点的三个种类:元素节点.文本节点.属性节点: 元素节点元素节点就是 HTML 标签元素,元素节点主要提供了对元素标签名.子节点及属性的访问: 元素节点的三个node属性:nodeType:1.nodeName/TagName:元素的标签名大写.nodeValue:null(一般用在文本节点和属性节点): obj.nodeType 表示节点类型,有两种表示方法:数值或大写英文:但数值有兼容性问题…

DOM树节点关系

DOM是JS中专门操作HTML页面内容的他的三种基本使用方法是: 1. document.getElementById(''): ——>选取html页面中带有Id的属性名: 2.document.getElementsByClassName(''): ——>选取html页面中属性名为class的内容: 3.document.getElementsByTagName(''"): ——>选取html页面中特指的标签属性. 在HTML中的每一个元素:元素,属性,文本都是一个节点…

JS学习之DOM节点的关系属性封装、克隆节点、Dom中Style常用的一些属性等小结

JS DOM节点: 在JS DOM中节点的关系被定义为节点的属性: 通常有以下几种节点之间的关系: (这里的关系是所有浏览器都支持的) parentNode 父节点 childNodes 子节点 firstChild 父节点里的第一个子节点 lastChild 父节点里的最后一个子节点 nextSibling 与子节点并列的下一个兄弟节点 previousSibling 与子节点并列的上一个兄弟节点火狐与谷歌支持而ie8不支持的节点关系有: previous…

DOM之节点操作

DOM提供了很多实用的API,这些API让我们可以轻松的访问HTML文档.所谓API(应用程序接口),简单来说,就是让我们可以直接使用它访问程序的一些属性或方法,而不用了解程序内部的运作过程和原理. 前面我们已经了解了DOM把HTML文档解析为节点树,实际上HTML节点树只是整个DOM树的一个分支,另一个分支则是XML.在详细介绍HTML DOM节点的操作之前,先来看一下完整的DOM树: 网上没找到关于完整的DOM树的图,所以自己大致做了一个.准确说这个应该叫DOM继承树,因为很多我们常用的DO…

HTML DOM元素关系与操作

<html> <head><title>DOM元素关系与操作</title></head> <body>  <div class="content" id="div1"> <div id="div2" class="h_center">水平居中</div> </div>…

简述HTML DOM及其节点分类

在JavaScript中,document这个对象大家一定很熟悉,哪怕是刚刚开始学习的新人,也会很快接触到这个对象.而document对象不仅仅是一个普通的JavaScript内置对象,它还是一个巨大API的核心对象,这个巨大的API就是DOM(Document Object Model),它将文档的内容呈现在JS面前,并赋予了JS操作文档的能力. 在这里不得不提的概念则是DOM树,DOM树体现着HTML页面的层级结构,学习中经常提到的父元素子元素的说法也是建立在树这种数据结构的基础之上的.而D…