文档章节

parentNode、firstChild

mxPickle
 mxPickle
发布于 2017/09/07 17:18
字数 408
阅读 4
收藏 0
点赞 0
评论 0

(1)对parentNode 属性常被用来改变文档的结构

假设您希望从文档中删除带有 id 为 "maindiv" 的节点:

var x=document.getElementById("maindiv");
x.parentNode.removeChild(x);

解释:首先需要找到带有指定 id 的节点,然后移至其父节点并执行 removeChild() 方法。

(2)对 firstChild 最普遍的用法是访问某个元素的文本

var x=[a paragraph];
var text=x.firstChild.nodeValue;

(1)根节点:有两种特殊的文档属性可用来访问根节点

document.documentElement属性可返回存在于 XML 以及 HTML 文档中的文档根节点。
document.body 属性是对 HTML 页面的特殊扩展,提供了对 <body> 标签的直接访问。

(2)节点的信息:nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。

节点信息:每个节点都拥有包含着关于节点某些信息的属性。这些属性是:

nodeName(节点名称,此属性含有某个节点的名称)
nodeValue(节点值)
nodeType(节点类型)

注释:

nodeName 所包含的 XML 元素的标签名称永远是大写的。

1)元素节点的 nodeName 是标签名称
2)属性节点的 nodeName 是属性名称
3)文本节点的 nodeName 永远是 #text
4)文档节点的 nodeName 永远是 #document

nodeValue:对于文本节点,nodeValue 属性包含文本。

1)对于属性节点,nodeValue 属性包含属性值
2)属性对于文档节点和元素节点是不可用的

nodeType:此属性可返回节点的类型。

最重要的节点类型是:

元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9

© 著作权归作者所有

共有 人打赏支持
mxPickle
粉丝 0
博文 5
码字总数 2170
作品 0
深圳
前端工程师
OrgChart(组织机构图) - Flex

前段时间,用Flex写了个OrgChart,截图如下 iLog有个很不错的,可是收钱,799美刀。你可以看这里http://visudemos.ilog.com/webdemos/orgchart/orgchart.html。 俺农村来的,比较穷,最终还是...

leesama ⋅ 2013/06/25 ⋅ 1

DOM第一个兄弟结点和最后一个结点

弱弱地问。。感觉函数名和实现的功能对不上啊,刚看js ,在书里看到的。 看起来lastSibling返回的是第一个兄弟结点,而firstSibling返回的是最后一个兄弟结点呢? 另外为什么可以var tempObj...

geekgu ⋅ 2012/05/29 ⋅ 5

ueditor样式过滤问题

1.4.3版本样式过滤处理如下: if (domUtils.isEmptyNode(me.body)) { //alert("xx"); //me.body.innerHTML = ' ' + (browser.ie ? '' : ' ') + ' '; me.body.innerHTML = (browser.ie ? '' ......

文艺小青年 ⋅ 2017/07/06 ⋅ 0

原生js操作dom的方法

今天学习了原生js的dom节点的操作,就记录下来,仅供自己以后参考。 1)创建节点:除了可以使用createElement创建元素,也可以使用createTextNode创建文本节点. document.body指向的是<body>元...

黄金林 ⋅ 2016/12/21 ⋅ 0

好多Javascript日期选择器呀--2

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

晨曦之光 ⋅ 2012/03/09 ⋅ 0

最近总结的11条兼容浏览器问题

1 padding-top 高度计算方式不同 IE不加高度,Firefox等加高度 解决方案: height:345px; //此行为firefox可识别高度。 *height:427px //为IE可识别高度。 2 Div text-align:center 在firef...

湖小叶叶 ⋅ 2014/03/07 ⋅ 0

HTML属性及方法

查找元素节点: getElementById() 寻找一个有着给定 id 属性值的元素,返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素,它返回 null。 var element = document.getElemen...

_Reality ⋅ 2016/09/13 ⋅ 0

【JavaScript】详解HTML DOM

HTML DOM定义了访问和操作HTML文档的标准方法。HTML DOM 把HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 HTML DOM简介 HTML文档对象模型(HTML Document Object Model)定义了访...

磊神Ray ⋅ 2011/11/14 ⋅ 0

node,tag,parentNode,parentElement

node :节点..包括标签,属性,文档类型,元素,实体,符号节点. tag :标签..Markup Language的主要组成部份..不抱括属性,实体,符号节点 parentNode ,parentElement在使用中没有什么区别,但是兼容...

mrliuze ⋅ 2013/07/10 ⋅ 0

xml操作类(转载)

作者:未知 请与本人联系 <% Class XMLDOMDocument Private fNode,fANode Private fErrInfo,fFileName,fOpen Dim XmlDom '返回节点的缩进字串 Private Property Get TabStr(byVal Node) TabS......

晨曦之光 ⋅ 2012/03/09 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Gitee 生成并部署SSH key

1.如何生成ssh公钥 你可以按如下命令来生成 sshkey: ssh-keygen -t rsa -C "xxxxx@xxxxx.com" # Generating public/private rsa key pair...# 三次回车即可生成 ssh key 查看你的 ...

晨猫 ⋅ 47分钟前 ⋅ 0

zblog2.3版本的asp系统是否可以超越卢松松博客的流量[图]

最近访问zblog官网,发现zlbog-asp2.3版本已经进入测试阶段了,虽然正式版还没有发布,想必也不久了。那么作为aps纵横江湖十多年的今天,blog2.2版本应该已经成熟了,为什么还要发布这个2.3...

原创小博客 ⋅ 今天 ⋅ 0

聊聊spring cloud的HystrixCircuitBreakerConfiguration

序 本文主要研究一下spring cloud的HystrixCircuitBreakerConfiguration HystrixCircuitBreakerConfiguration spring-cloud-netflix-core-2.0.0.RELEASE-sources.jar!/org/springframework/......

go4it ⋅ 今天 ⋅ 0

二分查找

二分查找,也称折半查找、二分搜索,是一种在有序数组中查找某一特定元素的搜索算法。搜素过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜素过程结束;如果某一特定元素大于...

人觉非常君 ⋅ 今天 ⋅ 0

VS中使用X64汇编

需要注意的是,在X86项目中,可以使用__asm{}来嵌入汇编代码,但是在X64项目中,再也不能使用__asm{}来编写嵌入式汇编程序了,必须使用专门的.asm汇编文件来编写相应的汇编代码,然后在其它地...

simpower ⋅ 今天 ⋅ 0

ThreadPoolExecutor

ThreadPoolExecutor public ThreadPoolExecutor(int corePoolSize, int maximumPoolSize, long keepAliveTime, ......

4rnold ⋅ 昨天 ⋅ 0

Java正无穷大、负无穷大以及NaN

问题来源:用Java代码写了一个计算公式,包含除法和对数和取反,在页面上出现了-infinity,不知道这是什么问题,网上找答案才明白意思是负的无穷大。 思考:为什么会出现这种情况呢?这是哪里...

young_chen ⋅ 昨天 ⋅ 0

前台对中文编码,后台解码

前台:encodeURI(sbzt) 后台:String param = URLDecoder.decode(sbzt,"UTF-8");

west_coast ⋅ 昨天 ⋅ 0

实验楼—MySQL基础课程-挑战3实验报告

按照文档要求创建数据库 sudo sercice mysql startwget http://labfile.oss.aliyuncs.com/courses/9/createdb2.sqlvim /home/shiyanlou/createdb2.sql#查看下数据库代码 代码创建了grade......

zhangjin7 ⋅ 昨天 ⋅ 0

一起读书《深入浅出nodejs》-node模块机制

node 模块机制 前言 说到node,就不免得提到JavaScript。JavaScript自诞生以来,经历了工具类库、组件库、前端框架、前端应用的变迁。通过无数开发人员的努力,JavaScript不断被类聚和抽象,...

小草先森 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部