JavaScript基础10——node对象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>node对象</title>
<script type="text/javascript">
/*
Node对象的属性
nodeName 节点名称
nodeType 节点类型
nodeValue 节点值
父节点
ul是li的父节点
parentNode
子节点
li是ul的子节点
childNodes：得到所有的子节点，但是兼容性很差
firstChild：获取指定节点的第一个子节点
lastChild：获取指定节点的最后一个子节点
同辈节点
li直接关系是同辈节点
nextSibling：返回一个给定节点的下一个兄弟节点
previousSibling：返回一个给定节点的上一个兄弟节点
*/
</script>
</head>
<body>
<span id="spanId">哈哈呵呵</span>
<script type="text/javascript">
// 标签节点
var span = document.getElementById("spanId");
document.write("<br />nodeType：" + span.nodeType); // 1
document.write("<br />nodeName：" + span.nodeName); // SPAN
document.write("<br />nodeValue：" + span.nodeValue); // null
// 属性节点
var spanId = span.getAttributeNode("id");
document.write("<br /><br />nodeType：" + spanId.nodeType); // 2
document.write("<br />nodeName：" + spanId.nodeName); // id
document.write("<br />nodeValue：" + spanId.nodeValue); // spanId
// 文本节点
var text = span.firstChild;
document.write("<br /><br />nodeType：" + text.nodeType); // 3
document.write("<br />nodeName：" + text.nodeName); // #text
document.write("<br />nodeValue：" + text.nodeValue); // 哈哈呵呵
</script>
</body>
</html>
JavaScript基础10——node对象的更多相关文章
- JavaScript基础20——element对象
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- Javascript基础--类与对象(五)
js面向(基于)对象编程1.澄清概念 1.1 js中基于对象 == js 面向对象 1.2 js中没有类class,但是它取了一个新的名字,交原型对象,因此 类 = 原型对象. 2.为什么需要对象? ...
- JavaScript基础知识----document对象
对象属性document.title //设置文档标题等价于HTML的<title>标签document.bgColor //设 ...
- JavaScript基础知识（对象、函数与对象）
17.对象 属性:描述对象的信息 方法:描述对象的行为 封装:只关心输入和输出(不管过程如何实现) ü 对象的分类: 内置对象(原生对象): 就是JavaScript语言预定义的对象(如Strin ...
- JavaScript 基础(三) - Date对象，RegExp对象，Math对象，Window 对象，History 对象，Location 对象，DOM 节点
Date对象 创建Date对象 //方法1:不指定参数 var date_obj = new Date(); alert(date_obj.toLocaleString()) //方法2:参数为日期字 ...
- JavaScript -基础- 函数与对象（二）String
一.判断数据类型typeof与判断对象类型instanceof 1.typeof typeof只能判断基础数据类型,无法判断引用数据类型 <script> var s="hell ...
- JavaScript -基础- 函数与对象
一.JavaScript三对象 1.分类方式一 1)ECMAScript JavaScript的ECMA规范 JS本身的对象 2)Dom 操作HTML相关 3)BOM游览器对象 游览器窗口对象,全局的 ...
- JavaScript基础之原型对象和原型链
原型对象 原型对象简单来说就是函数的原型所指向的对象.前面说原型的时候,说了Object.prototype所指对象就是Object(函数)的原型对象.在每个函数的原型对象中,默认会有construc ...
- JavaScript基础10——正则
什么是正则? 正则表达式(regular expression)是一个描述字符规则的对象.可以用来检查一个字符串是否含有某个字符,将匹配的字符做替换或者从某个字符串中取出某个条件的子串等. ...
随机推荐
- 跟随标准与Webkit源码探究DOM -- 获取元素之getElementsByName
按照name属性获取多元素 -- getElementsByName 标准 DOM 1 定义在HTMLDocument Interface 中,原型NodeList getElementsByName ...
- HIS系统的处方录入控件
前文<EFW框架Winform前端开发之强大的自定义控件库>中我们介绍了EFW框架中Winform系统中的自定义控件,本章使用自定义控件中的GridBoxCard控件开发了一个HIS系统的 ...
- NSString Byte NSData 字节（字符）字符串
NSUTF8StringEncoding 3个字节(字符)一个中文字符 一个字节一个英文字符
- 分享一个Mongodb PHP封装类
<?php /** * Mongodb 基本操作API,支持基本类似关系统型数据库的操作接口 * * @version 1.0 * [说明] * * 1:该版本API实现了 Mongodb 中最 ...
- Lua中的weak表——weak table
弱表(weak table)是一个很有意思的东西,像C++/Java等语言是没有的.弱表的定义是:A weak table is a table whose elements are weak ref ...
- HDU4550+贪心
/* 贪心 先挑出最小的Mm,然后在Mm左侧的按情况考虑,右侧的按顺序排列. */ #include<stdio.h> #include<string.h> #include& ...
- 使用uploadify上传控件无法进入后台问题分析
分别在.net mvc 和java struts2中使用到 uploadify上传 文件,遇到同样的问题,选中文件上传后,文件无法上传,打上断点后发现没有进入后台. 逐步断点发现 项目共同点是加入了 ...
- java中三种方式获得类的字节码文件对象
package get_class_method; public class ReflectDemo { /** * @param args */ public static void main(St ...
- MSSQL自动备份数据库
最近项目中,需要用到MSSQL自动定时备份功能,本来想利用C#自己写一个的,但是听说在MSSQL2008中已经集成了功能强大的自动备份功能,于是便提刀上阵,狠狠地琢磨了一番: 首先,打开MSSQL20 ...
- Keypress – 超强大！捕获键盘输入的 JavaScript 库
Keypress 是一个强大的 JavaScript 库,用于捕获键盘输入.这是一个有非常特殊的功能的输入捕获库,它是很容易掌握和使用,并且不依赖第三方库.在网站开发中,经常会碰到需要处理键盘输入的场 ...