jsp获取dom节点以及节点的文本值和参数属性值

1.获取节点的方式：

　　1）通过顶层获取节点：

　　　　document.getElementById("");通过id获取节点的属性值。备注：如果包含多个相同ID的节点，只返回第一个节点

document.getElementsByName("");返回一组相同name元素的数组。然后通过判断属性来确定是否为需要的节点，以radio，CheckBox为例，通过判断check的属性是否为TRUE；

　　　　document.getElementsByTagName();通过标签名来获取数据，返回的一组相同标签的节点；

　　2）通过父节点获取：

　　　　obj.firstChild;已知节点的第一个子节点；同时可以递归使用 obj.firstchild.firstchild.firstchild....

　　　　obj.lastChild;已知节点的最后一个节点；同时可以递归使用 obj.lastChild.lastChild.lastChild.....

　　 以上两种方式可以交替使用 obj.firstChild.lastChild.firstChild...

　　　  obj.childNodes:获取已知节点的子节点数组。通过循环索引获取所需的节点。

　　　　parentobj.children:获取已知节点的直接子节点数组。

　　     parentObj.getElementsByTagName（）：获取已知节点的指定类型的所有子节点的数组；

　　3）通过临近节点查询：

　　　　neighbourNode.previousSibling:获取已知节点的前一个节点；可以迭代使用，可以和firstchild,lastChild 混合使用。

　　　　neighbourNode.nextSilbling:获取已知节点的下一个节点；可以迭代使用，也可以和firstchild,lastchild混合使用。

　　3）通过子节点获取：

　　　　childNode.parentNode;通过已知节点获取父节点。

注：document方式获取：从全局查找；     document对象是window对象的一部分；

　　　　

时间： 2024-08-06 03:41:58

jsp获取dom节点以及节点的文本值和参数属性值的相关文章

C#反射获取属性值和设置属性值

/// /// 获取类中的属性值 /// public string GetModelValue(string FieldName, object obj) { try { Type Ts = obj.GetType(); object o = Ts.GetProperty(FieldName).GetValue(obj, null); string Value = Convert.ToString(o); if (string.IsNullOrEmpty(Value)) return null

获取DOM的真实节点

<script type="text/babel"> var Myelement=React.createClass({ handleClick:function(){ this.refs.myInput.focus();  this.refs.[refname]获取真实的节点 只有真实的DOM发生click事件之后 才会发生this.refs.myInput }, render:function(){ return ( <div> <input type

zTree的getChangeCheckedNodes()使用心得以及一次性获取zTree的所有节点

zTree的getChangeCheckedNodes()方法用于获取输入框勾选状态被改变的节点集合.如果需要获取每次操作后全部被改变勾选状态的节点数据,请在每次勾选操作后,遍历所有被改变勾选状态的节点数据,让其 checkedOld = checked 就可以了. 问题一:checkedOld是什么?仔细查看api会发现“treeNode 节点数据详解”模块有一个叫作checkedOld的excheck扩展属性,表示节点的 checkBox / radio 在初始化时的勾选状态.[settin

获取DOM元素位置和尺寸大小

JavaScript获取DOM元素位置和尺寸大小 在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽略的一部分,要想写出预想效果的JavaScript代码,我们需要了解一些基本知识. 基础概念 为了方便理解,我们需要了解几个基础概念,每个HTML元素都有下列属性 offsetWidth clientWidth scrollWidth offsetHeight clientHeight scroll

JavaScript获取DOM元素位置和尺寸大小

在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽略的一部分,要想写出预想效果的JavaScript代码,我们需要了解一些基本知识. 基础概念 为了方便理解,我们需要了解几个基础概念,每个HTML元素都有下列属性 offsetWidth clientWidth scrollWidth offsetHeight clientHeight scrollHeight offsetLeft clientL

C#通过属性名字符串获取、设置对象属性值

目录 #通过反射获取对象属性值并设置属性值 #获取对象的所有属性名称及类型 #判断对象是否包含某个属性 #通过反射获取对象属性值并设置属性值 0.定义一个类 public class User { public int Id { get; set; } public string Name { get; set; } public string Age { get; set; } } 1.通过属性名(字符串)获取对象属性值 User u = new User(); u.Name = "lily&

dom中一些节点获取和增改

1获取标签里的文本对象: 对象.innerText 获取标签里的文本内容     早期的火狐浏览器中是不支持的 赋值会输出转义后的内容 对象.innerHTML 获取标签里的所有内容 赋值会输出原样 都兼容 对象.textContent 获取标签里的文本内容   IE8之前包括ie8不支持  2 自定义属性 自定义属性 js无法通过点的方式获得 对象.getAttribute("属性名")  得到自定义属性对象 对象.setAttribute("属性名",”属性值“

javascript获取dom的下一个节点方法

需求说明: 获取当前节点左节点或者右节点(兄弟节点): css: <style type="text/css"> a:focus { outline: none; } .panel { background: #69C7F7; height: 220px; display: none; } .slide { margin: 0; padding: 0; border-top: solid 4px #F27613; } .btn-slide { background: #F2

JavaScript获取DOM节点HTML元素CSS样式

JavaScript获取DOM节点HTML元素CSS样式技术 maybe yes 发表于2015-01-10 18:07 原文链接 : http://blog.lmlphp.com/archives/59  来自 : LMLPHP后院 如何使用 JavaScript 获取某个 DOM 节点下 HTML 元素的 CSS 样式值?使用过 JQuery 的童鞋一定都非常的熟悉,Jquery 提供了非常强大的 CSS 方法,可以很方便的设置和获取元素的 style 属性. 某些情况下,我们不能使用 JQ