欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

JavaScript常用节点类型

程序员文章站 2023-10-19 08:41:53
一、常用节点类型： nodeType：节点类型 nodeName：节点名称 nodeValue：节点值 1、查看节点类型（控制台操作）： 获取元素：var p = document.getElementById("header"); 查看节点类型：p.nodeType（返回1） demo节点类型有1 ......

 

一、常用节点类型：

　　nodetype：节点类型

　　nodename：节点名称

　　nodevalue：节点值

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

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

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

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

　　判断是否为元素节点：p.nodetype == p.element_node

　　JavaScript常用节点类型　　

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

　　　JavaScript常用节点类型

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

　　　JavaScript常用节点类型

二、3种常用节点类型

　　1、判断是否为元素节点：p.nodetype == p.element_node

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

　　　JavaScript常用节点类型

　　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

　　　　JavaScript常用节点类型

 　

<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>jjavascript常用节点类型</title>
</head>
<body>
    <p id="header">javascript学习</p>
</body>
</html>

 

　　　

 

上一篇： 世界十大怪异的海洋生物 五彩鳗外表绚丽雌雄同体

下一篇： php实现将上传word文件转为html的方法

推荐阅读