dom 查找节点_设置/获取属性节点

3,查找节点

相对上面的方法,查找节点是比较简单的。

因为很多人都用过。(记得我认识js的第一句就是getElementById();)

getElementById();

返回一个对象, 对象拥有 nodeName , nodeType , parentNode , ChildNodes 等属性。

getElementsByTagName() 查找标签名的所有元素。

返回一个集合,可以用循环取出每个对象,对象拥有 nodeName , nodeType , parentNode , ChildNodes 等属性。

例子:

  var ps = document.getElementsByTagName(“p”);

for(var i=0 ; i< ps.length ; i++){

           ps[i].setAttribute(“title”,”hello”);

//也可以使用:  ps.item(i).setAttribute("title","hello");

}

4, 设置/获取属性节点。

setAttribute();//设置

例子:

var a  = document.createElement(“p”);

a.setAttribute(“title”,”my demo”);

不管以前有没有title属性,以后的值 是 my demo。

getAttribute();//获取

例子:

var a =document.getElementById(“cssrain”);

var b = a.getAttribute(“title”);

获取的时候,如果属性不存在,则返回空,注意ie和ff返回不同。

  <body>

    <p title="test">aaaa</p>

<p>bbbb</p>

<script type="text/JavaScript">

  var paras = document.getElementsByTagName("p");

  for (var i=0; i< paras.length; i++) {

  var title_text = paras[i].getAttribute("title");

  if (title_text != null) {

  //这样写会有个问题:ff只弹一次,ie却弹了2次。

  //如果  if (title_text != "") 这样写,ie只弹1次,ff却弹出2次。

  //如果这样写呢? if (title_text)   ,我们发现,ie只弹1次,ff也只弹出1次。

  //if (title_text) 才是我们想要的。

  //注意:如果不存在 ff下返回null

  //ie返回 "" ;

alert(title_text);

  }

}

</script>

  </body>

返回虽然不同,但是可以用一个方法来判断。

if(a.getAttribute(“title”) ){  

//  do something

 }

5,hasChildNodes:

由名字就可以知道,是判断元素是否有子节点。

返回boolean类型。

文本节点和属性节点不可能有子节点,所以他们的hasChildNodes 永远返回false;

hasChildNodes经常跟 childNodes 一起使用。

比如:

<body>

 <div id="cssrain">

 <div id="a">a </div>

 <div id="b">b </div>

 <div id="c">c </div>

 </div>

 </body>

<script>

var ps = document.getElementById("cssrain")

if(ps.hasChildNodes){

        alert( ps.childNodes.length  );     

}

</script>

时间: 2024-08-01 18:36:20

dom 查找节点_设置/获取属性节点的相关文章

TreeList 节点问题,获取当前节点的父节点,也就是上一级

问题描述 TreeList 节点问题,获取当前节点的父节点,也就是上一级 获取了当前获得焦点的节点,怎么着它的父节点比较简单呢. 求大神来两句代码.利用 parentNode 这个属性获取的是一个 TreeListNode对象,为什么里面找不出父节点的参数值呢 解决方案 手工添加 treelist 节点 解决方案二: 求大神解答.代码怎么实现 解决方案三: e.Node.Parent

WPF中TreeView控件在选中节点后如何获取其父节点,再父节点信息

问题描述 winform中TreeView控件中,在选中某个节点后,可以用e.Node.Parent来获取其父节点信息,再父节点可以用e.Node.Parent.Parent,而在WPF中此方法似乎不行,如,在选中某个节点后TreeViewItemitem=(TreeViewItem)treeCourseInfo.SelectedItem;可以获取该节点的信息if(item.Header.ToString()=="科目信息",但是不知该如何获取其父节点,再父节点.....信息,各位有谁

JavaScript---网络编程(7)-Dom模型(节点间的层次关系,节点的增、删、改)

利用节点间的层次关系获取节点: 上一节讲了3中获取的方式: * ※※一.绝对获取,获取元素的3种方式:-Element * 1.getElementById(): 通过标签中的id属性值获来取该标签对象 * 2.getElementsByName(): 通过标签中的name属性值来获取该标签对象集合 * 3.getElementsByTagName(): 通过标签名来获取该标签对象集合 现在来看看相对获取的方式: ※※二.相对获取(利用节点之间的层次关系),获取节点:-Node 1.父节点:pa

TreeViewer如何获取根节点名称

问题描述 TreeViewer控件下选择一个节点时,如何获取其根节点的名称啊? 解决方案 解决方案二:该回复于2010-07-21 14:59:47被版主删除解决方案三:我也正在寻求答案解决方案四:节点对象没有获取父节点的方法吗?解决方案五:引用3楼qunhao的回复: 节点对象没有获取父节点的方法吗? 获取父节点的方法比较简单,节点本身就有这样的属性.楼主的问题已经解决,当前节点的根节点,可以通过获取当前节点的全部路径来获取--节点本身具有获取当前全部路径的属性.PrivateFunction

jQuery获取单击节点对象的方法_jquery

本文实例讲述了jQuery获取单击节点对象的方法.分享给大家供大家参考,具体如下: event.target属性: <script language="JavaScript" type="text/javascript"> $("document").ready(function () { $(".menu").bind("click", function (event) { var click

在javascript中对于DOM的加强_基础知识

一.DOM DOM: DOM= Document Object Model,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构.换句话说,这是表示和处理一个HTML或XML文档的常用方法.有一点很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言.D:文档 – html 文档 或 xml 文档O:对象 – document 对象的属性和方法M:模型DOM 是针对xml(html)的基于树的API.DOM树:节点(node)的层次.

xpath的数据和节点类型以及XPath中节点匹配的基本方法

XPath数据类型 XPath可分为四种数据类型: 节点集(node-set) 节点集是通过路径匹配返回的符合条件的一组节点的集合.其它类型的数据不能转换为节点集. 布尔值(boolean) 由函数或布尔表达式返回的条件匹配值,与一般语言中的布尔值相同,有true和 false两个值.布尔值可以和数值类型.字符串类型相互转换. 字符串(string) 字符串即包含一系列字符的集合,XPath中提供了一系列的字符串函数.字符串可与数值类型.布尔值类型的数据相互转换. 数值(number) 在XPa

javascript基础之查找元素的详细介绍(访问节点)_基础知识

当然这些选择器都是jQuery扩展的一些方法,那么使用原生js时要怎样来查找元素呢?今天就来简单梳理下. DOM定义了多种查找元素的方法,除了我们常用的getElementById(),还有getElementsByTagName()和getElementsByName().使用这几种方法方法我们可以查找html文档中的任意html元素.getElementById()首先来看下getElementById(),这个方法很简单,只需在参数中传入html标签的id属性值即可,由于html页面中的i

DOM基础教程之模型中的模型节点_基础知识

<html>位于网页的顶端 它没有父辈,称之为根节点 1.元素节点(element node) 可以说,整个DOM模型都是由元素节点(element node)组成 比如文本段落元素"<p>",无序清单的名称"<ul>",元素节点包含其他元素. 2.文本节点(text node) 例如<h2>中的文本"标题1",<li>中的文字内容,这些具体文本在DOM称为(text node) 3.属