Dom属性 入门篇

4, childNodes属性 : 返回一个数组,数组由元素节点的子节点构成。
由于文本节点和属性节点都不可能再包含任何子节点,
所以他们的childNodes属性永远返回一个空数组。

可以使用hasChildNodes方法,它用来判断某个元素有没有子节点。
或者  if (container.childNodes.length < 1) ;

childNodes也是一个只读属性。如果要增加节点,可以使用appendChild()或者insertBefore() ,
删除节点可以使用removeChild();
操作后,childNodes属性会自动刷新。

5, firstChild属性 :
由于文本节点和属性节点都不可能再包含任何子节点,
所以他们的firstChild属性永远返回一个空数组。 如果没有子节点,将返回null;
 node.firstChild  等价于  node.childNodes[0]  ;
firstChild属性是一个只读属性。

6 , lastChild属性 : 
由于文本节点和属性节点都不可能再包含任何子节点,
所以他们的lastChild属性永远返回一个空数组。 如果没有子节点,将返回null;
 node.lastChild  等价于  node.childNodes[ node.childNodes.length - 1 ]  ;
lastChild属性是一个只读属性。

7 , nextSibling 属性 :
返回目标节点的下一个兄弟节点。
如果目标节点后面没有同属于一个父节点的节点,nextSibling 将返回null ;
nextSibling 属性是一个只读属性。

8 , previousSibling属性 :
返回目标节点的前一个兄弟节点。
如果目标节点前面没有同属于一个父节点的节点,previousSibling 将返回null ;
previousSibling 属性是一个只读属性。

9 , parentNode 属性 :
注:parentNode属性返回的节点永远是一个元素节点,因为只有元素节点才有可能有子节点。
当然有个例外:
document节点,他没有父节点。所以document节点的parentNode属性将返回null;
parentNode 属性是一个只读属性。

时间: 2024-10-29 07:40:26

Dom属性 入门篇的相关文章

dom nodeName属性 入门篇

1,nodeName属性  : 节点的名字. 如果节点是元素节点,那么返回这个元素的名字.此时,相当于tagName属性. 比如: <p>aaaa</p>  : 则返回 p ; 如果是属性节点,nodeName将返回这个属性的名字. 如果是文本节点,nodeName将返回一个#text的字符串. 另外我要说的是: nodeName属性是一个只读属性,不能进行设置.(写) 它返回 大写字母的值. 2,,nodeType属性 : 返回一个整数,代表这个节点的类型. 我们常用的3中类型:

jQuery 开天辟地入门篇一_jquery

一.摘要 二.前言 三.什么是jQuery jQuery是一套Javascript脚本库. 在我的博客中可以找到"Javascript轻量级脚本库"系列文章. Javascript脚本库类似于.NET的类库, 我们将一些工具方法或对象方法封装在类库中, 方便用户使用. 注意jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架.

.NET Remoting程序开发入门篇

程序 一.Remoting基础 什么是Remoting,简而言之,我们可以将其看作是一种分布式处理方式.从微软的产品角度来看,可以说Remoting就是DCOM的一种升级,它改善了很多功能,并极好的融合到.Net平台下.Microsoft? .NET Remoting 提供了一种允许对象通过应用程序域与另一对象进行交互的框架.这也正是我们使用Remoting的原因.为什么呢?在Windows操作系统中,是将应用程序分离为单独的进程.这个进程形成了应用程序代码和数据周围的一道边界.如果不采用进程间

用Apache Spark进行大数据处理—入门篇

文章讲的是用Apache Spark进行大数据处理-入门篇,Apache Spark 是一个围绕速度.易用性和复杂分析构建的大数据处理框架.最初在2009年由加州大学伯克利分校的AMPLab开发,并于2010年成为Apache的开源项目之一. 与Hadoop和Storm等其他大数据和MapReduce技术相比,Spark有如下优势. 首先,Spark为我们提供了一个全面.统一的框架用于管理各种有着不同性质(文本数据.图表数据等)的数据集和数据源(批量数据或实时的流数据)的大数据处理的需求. Sp

HttpHandler HttpModule入门篇

HttpHandler HttpModule入门篇 ASP.Net处理Http Request时,使用Pipeline(管道)方式,由各个HttpModule对请求进行处理,然后到达 HttpHandler,HttpHandler处理完之后,仍经过Pipeline中各个HttpModule的处理,最后将HTML发送到客户端浏览器中. 生命周期中涉及到几个非常重要的对象:HttpHandler,HttpModule,IHttpHandlerFactory,他们的执行(顺序)大致的执行过程是这样的:

【SSRS】入门篇(七) -- 报表发布

原文:[SSRS]入门篇(七) -- 报表发布 完成[SSRS]入门篇(六) -- 分组和总计后,第一份简单的报表就已完成了,下面把报表发布到报表服务器上. (实际情况下,报表展示给用户未必是用报表服务器,而嵌入到原来的系统,如OA.CRM.ERP中,以链接形式打开.)   配置.启动报表服务: 1.打开Reporting Services 配置管理器: 2.服务器选择本机: 3.启动报表服务器: 4.设置Web服务URL,报表的URL地址是http://SOMEONE:80/ReportSer

Swift入门篇-字符串和字符

原文:Swift入门篇-字符串和字符      今天主要是介绍一下字符串的用法 ,字符串的语法和object-c语法不太一样,但是思想是一样,就是写法不太一样.如果您对.net和java语法比较熟悉的话,那您几乎没有深压力.如果您对swift 基本类型不是清楚,请查阅. Swift入门篇-基本类型(1) Swift入门篇-基本类型(2) Swift入门篇-基本类型(3)   一:创建空字符串 //-------------定义一个空字符串第一种方法 var str1="" //----

vue2.0开发实践总结之入门篇_javascript技巧

vue2.0 据说也出了很久了,博主终于操了一次实刀. 整体项目采用  vue +  vue-router +  vuex (传说中的vue 全家桶),构建工具使用尤大大推出的vue-cli 项目是图片分享社交平台.   项目预览:   1 .vue-cli构建工具必知 我选用的vue-cli 是基于webpack的版本 ,不了解webpack的可以先粗略看下下面的基本知识 webpack 基本知识点: entry:入口点,webpack会从入口点设置的js文件开始对项目进行构建,过程中,所有入

Nodejs学习笔记之入门篇_node.js

分享第一篇,关于 NodeJS -- Javascript 的常用知识以及如何从 Javascript 开发者过渡到 NodeJS 开发者(不会介绍具体的框架).在读本文前,希望你对 javascript 有一些初步的认识. Javascript 是一门原型模型的解释型语言.解释型将在后面的 NodeJS 里面讨论,原型链是 ES6 之前的 Javascript 的面向对象的实现方式之一,在 ES6 中支持的 class 增加了一种新的实现方式.在 Javascript 里面所有东西都是对象,包