JavaScript常用节点类型

一、常用节点类型：

　　nodeType：节点类型

　　nodeName：节点名称

　　nodeValue：节点值

　　1、查看节点类型（控制台操作）：

　　　　获取元素：var p = document.getElementById("header");

　　　　查看节点类型：p.nodeType（返回1）

　　　　demo节点类型有12种，常用有3种，1表示元素节点、2表示属性节点、3表示文本节点

　　判断是否为元素节点：p.nodeType == p.ELEMENT_NODE

　　2、查看节点名称：p.nodeName

　　3、查看节点的值：p.nodeValue（标签，因此值为null）

二、3种常用节点类型

　　1、判断是否为元素节点：p.nodeType == p.ELEMENT_NODE

　　2、判断是否为属性节点：p.attributes

　　3、判断是否为文本节点:p.childNodes（返回当前元素的字子节点）获得标签中的属性

　　　　节点类型：p.childNodes[0].nodeType

　　　　验证节点类型是否正确：p.childNodes[0].nodeType == p.childNodes[0].TEXT_NODE

　　　　节点名称：p.childNodes[0].nodeName

　　　　节点中值：p.childNodes[0].nodeValue

　　　　文本长度：p.childNodes[0].length

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><title>JJavaScript常用节点类型</title>
</head>
<body><p id="header">JavaScript学习</p>
</body>
</html>

转载于:https://www.cnblogs.com/xiaozhou223/p/11186332.html

JavaScript常用节点类型相关推荐

JavaScript获取节点类型、节点名称和节点值
DOM节点信息包括节点类型(nodeType).节点名称(nodeName)和节点值(nodeValue). 节点类型 DOM节点中,每个节点都拥有不同的类型. W3C规范中常用的 DOM节点类型有以 ...
DOM节点类型及其属性和方法
目录一.DOM介绍二.DOM节点 1.节点层级 2.节点类型 3.节点树三.节点类型的属性和方法 1.Node类型 1.1 属性 nodeType nodeName nodeValue text ...
DOM是什么（DOM的节点类型）
学到DOM时,看到关于文档(结构树).节点(node).和DOM提供的一些方法获取(找到)所需的节点.还有DOM属性,我很混乱,我无法弄清节点的关系层级属性和方法的关系,所以在使用DOM之前我要先了解 ...
html dom节点类型,浅谈Javascript中的12种DOM节点类型
前言 DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容).浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组 ...
html文档中怎么区分节点对象节点类型,JavaScript文档对象模型-Element类型
除了Document类型之外,Element类型是JavaScript编程中最常使用的类型.Element类型常用于表现HTML或XML元素,提供对元素标签名.子节点及特性的访问. Element节点 ...
javascript常用代码大全
http://caibaojian.com/288.html 原文链接 jquery选中radio//如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_ca ...
深入理解DOM节点类型第一篇——12种DOM节点类型概述
前面的话 DOM是javascript操作网页的接口,全称为文档对象模型(Document Object Model).它的作用是将网页转为一个javascript对象,从而可以使用javascrip ...
（JS基础）DOM：节点类型
Node 类型所有节点类型都继承于 Node 类型,因此所有节点类型都共享这相同的基本属性和方法. 基本属性和方法 nodeName :节点名.对于元素类型,则是元素的标签名(均为大写),如&quo ...
Javascript常用的设计模式详解
Javascript常用的设计模式详解阅读目录一:理解工厂模式二:理解单体模式三:理解模块模式四:理解代理模式五:理解职责链模式六:命令模式的理解: 七:模板方法模式八:理解javas ...

JavaScript常用节点类型

JavaScript常用节点类型相关推荐

最新文章

热门文章