html dom firstchild,HTML DOM firstChild 属性

HTML DOM firstChild 属性

firstChild只读属性返回指定节点的第一个子节点，作为一个Node对象。

如果指定的节点没有子节点，则此方法将返回空值。

元素内部的空白被视为文本，而文本被视为节点。注释也被视为节点。

为了避免firstChild返回#text或#comment节点的问题，可以使用firstElementChild仅返回第一个元素节点。

要返回指定节点的最后一个子节点，请使用lastChild属性。

语法：node.firstChild

示例

这是DIV里面的第1个P

这是DIV里面的第2个P

这是DIV里面的第3个P

var x = document.querySelector("div").firstChild.nodeName;

document.getElementById("result").innerHTML = x;

测试看看‹/›

但是，如果我们删除DIV和第一个P元素之间的空格，则返回值将是P标签而不是#text：

示例

这是DIV里面的第1个P

这是DIV里面的第2个P

这是DIV里面的第3个P

var x = document.querySelector("div").firstChild.nodeName;

document.getElementById("result").innerHTML = x;

测试看看‹/›

浏览器兼容性

所有浏览器完全支持firstChild属性：属性

firstChild是是是是是

技术细节返回值：一个Node对象，表示节点的第一个子节点；如果没有子节点，则为null

DOM版本：DOM级别1

html dom firstchild,HTML DOM firstChild 属性相关推荐

JS应用DOM入门：DOM的对象属性
DOM提供了一套属性用于导航.访问和更新文档内容,其中包括只读类型的属性和可读写类型的属性. 下表是只读类型的属性: DOM对象属性返回值 FirstChild 返回一个对象(Object),表 ...
JavaScript之DOM对象（Node结点属性、导航属性、页面查找）
文章目录 DOM与Node节点自身属性导航属性页面查找 DOM与Node节点 1.DOM的概念 DOM 是 W3C(万维网联盟)的标准,DOM 定义了访问 HTML 和 XML 文档的标准. W ...
深圳软件测试培训：DOM中元素节点、属性节点、文本节点的理解
深圳软件测试培训:DOM中元素节点.属性节点.文本节点的理解节点信息每个节点都拥有包含着关于节点某些信息的属性.这些属性是: nodeType(节点类型) nodeName(节点名称) nodeV ...
DOM对象中的常用属性（innerHTML属性，innerText属性，className属性，style属性）
DOM对象中的常用属性 innerHTML属性 innerText属性 className属性 style属性 innerHTML属性 innerHTML属性:用于设置或获取HTML 元素中的内容. ...
html用dom显示xml,dom 编程(html和xml)
html dom与xml dom关系: 什么是 DOM? DOM 是 W3C(万维网联盟)的标准. DOM 定义了訪问 HTML 和 XML 文档的标准: "W3C 文档对象模型 (DOM) ...
DOM系列：DOM树和遍历DOM
上一节,咱们整理了DOM系列中的第一篇,主要介绍浏览器与DOM相关的知识.从标题中我们可以看出来,今天所要学的东西包含两个部分,第一部分是DOM树,第二部分是遍历DOM.如果你和我一样对于DOM树和遍 ...
JavaScript-操作DOM对象-获得dom节点
核心浏览器网页就是一个Dom树形结构! 更新: 更新Dom节点遍历dom节点:得到Dom节点删除: 删除一个Dom节点添加: 添加一个新的节点要操作一个Dom节点,就必须要先获得这个Dom节 ...
真实dom转换为虚拟dom的简单实现
标题真实dom转换为虚拟dom的简单实现首先给出虚拟dom的数据结构. function vnode(tag, data) {this.tag = tag;this.data = data;this ...
基于Virtual DOM与Diff DOM的测试代码生成
尽管是在年末,并且也还没把书翻译完,也还没写完书的第一稿.但是,我还是觉得这是一个非常不错的话题--测试代码生成. 当我们在写一些UI测试的时候,我们总需要到浏览器去看一下一些DOM的变化.比如,我们 ...

html dom firstchild,HTML DOM firstChild 属性

html dom firstchild,HTML DOM firstChild 属性相关推荐

最新文章

热门文章