javascript获取元素文本内容的通用函数
一个获取元素文本内容的通用函数
中华人民共和国1 2
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
将HTML DOM中几个容易常用的属性做下记录:
nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。
nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的
nodeValue
对于文本节点,nodeValue 属性包含文本。
对于属性节点,nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType
nodeType 属性可返回节点的类型。
最重要的节点类型是:
元素类型 ==》节点类型
元素element ==》1
属性attr ==》2
文本text ==》3
注释comments ==》8
文档document ==》 9
相关推荐
-
JavaScript中常见获取元素的方法汇总
常见的获取元素的方法有3种,分别是通过元素ID.通过标签名字和通过类名字来获取. getElementById DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象.使用的时候请注意区分大小写. 它是document对象特有的函数,只能通过其来调用该方法.其使用的方法如下: 复制代码 代码如下: document.getElementById('demo') //demo是元素对应的ID 该方法兼容主流浏览器,甚至包括IE6+,可以大胆使用. ge
-
JavaScript中获取元素索引的函数
这是我在写结构/表现/行为完全分离的选项卡(jQ版和原生JS版)一文时发现的问题. 今天一个朋友也问到我这个问题, 这个函数的确很实用. 和大家分享一下我的实现方法. 代码: 复制代码 代码如下: function index(current, obj){ for (var i = 0; i < obj.length; i++) { if (obj[i] == current) { return i; } } } 原理: 通过一个for循环遍历找出当前集合中与当前元素相等的元素,那么该元素的下标
-
javascript获取元素CSS样式代码示例
使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:100px;height:100px;"></div> 内嵌样式即写在style标签中,例如<style type="text/css">div{width:100px; height:100px}</style> 链接式即为用link标签
-
原生javascript获取元素样式属性值的方法
所以, 我们得利用IE的currentStyle和W3C的getPropertyValue获取. elem.style.attr获取样式的方法就不说了. 先来看currentStyle方法, 此对象ie专属, 代表了在全局样式表.内嵌样式和 HTML 标签属性中指定的对象格式和样式. IE下通过它, 就可以获取元素的Css属性值. 而针对其他标准浏览器, W3C也提供了一个方法getPropertyValue, 此方法, 稍有点复杂, 首先要通过document.defaultView.getC
-
原生javascript获取元素样式
摘要: 我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式,方法有很多,比如:通过更改DOM元素的class.现在我们讨论原生js来获取DOM元素的CSS样式,注意是获取不是设置 在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是,如果没有给元素设置任何样式,也会把浏览器默认的样式返回来. 1.ele.style 在学习DOM的时候就看到通过ele.style来获取元素样式值,但是有时候获取的并非是节点的样式值,而是空值.这是因为ele.style只能获
-
javascript通过class来获取元素实现代码
复制代码 代码如下: function getByClass(classname){ var nodes = document.getElementsByTagName('*'), ret=[]; for(var i=0;i<nodes.length;i++){ if(hasClass(nodes[i],classname)) ret.push(nodes[i]); } return ret; } function hasClass(node,className){ var names = no
-
javascript 获取元素位置的快速方法 getBoundingClientRect()
它返回一个对象,其中包含了left.right.top.bottom四个属性,分别对应了该元素的左上角和右下角相对于浏览器窗口(viewport)左上角的距离. 所以,网页元素的相对位置就是 var X= this.getBoundingClientRect().left; var Y =this.getBoundingClientRect().top; 再加上滚动距离,就可以得到绝对位置 var X= this.getBoundingClientRect().left+document.doc
-
JavaScript获取元素尺寸和大小操作总结
一.获取元素的行内样式 复制代码 代码如下: var obj = document.getElementById("test"); alert(obj.height + "\n" + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来 二.获取计算后的样式 复制代码 代码如下: var obj = document.getElementById("test"); var style
-
javascript获取元素离文档各边距离的方法
本文实例讲述了javascript获取元素离文档各边距离的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function getDistance(obj) { if (!obj instanceof jQuery) { obj = $(obj); } var distance = {}; distance.top = (obj.offset().top - $(document).scrollTop()); distance.bottom
-
javascript获取元素文本内容的通用函数
一个获取元素文本内容的通用函数 中华人民共和国1 2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 将HTML DOM中几个容易常用的属性做下记录: nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释:node
-
php获取超链接文本内容的正则表达式(五种方法)
废话不多说了,直接跟大家分享五种方法,通过代码讲解php获取超链接文本内容的正则表达式. //方法一 preg_match_all("/<(a|a)[s]{0,1}[w=":()]*>[ ]*(check user)[ ]*</(a|a)>/i",$string,$matches); //方法二 preg_match_all("/<a[dd]*>check user</a>/i",$string,$match
-
jQuery获取标签文本内容和html内容的方法
本文实例讲述了jQuery获取标签文本内容和html内容的方法.分享给大家供大家参考.具体分析如下: jQuery可以通过text和html方法获取指定标签的文本内容或者html内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $(&quo
-
JavaScript 获取元素在父节点中的下标(推荐)
jQuery中直接通过$(this).index()即可得到当前元素的下标.但原生JavaScript并没有提供类似的属性或方法,这时候可以调用数组中的indexOf方法直接计算 <ul> <li>hello</li> <li>hello</li> <li id="mts">hello</li> <li>hello</li> </ul> var elt=documen
-
利用Javascript获取选择文本所在的句子详解
前言 最近收到一个 issue期望能在划词的时候同时保存单词的上下文和来源网址.这个功能其实很久之前就想过,但感觉不好实现一直拖延没做.真做完发现其实并不复杂,完整代码在这里,或者继续往下阅读分析.话不多说了,来一起看看详细的介绍吧. 原理分析 获取选择文本 通过 window.getSelection() 即可获得一个 Selection 对象,再利用 .toString() 即可获得选择的文本. 锚节点与焦节点 在 Selection 对象中还保存了两个重要信息,anchorNode 和 f
-
javascript获取元素的计算样式
背景 使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如 <div style="width:100px;height:100px;"></div> 内嵌样式即写在style标签中,例如<style type="text/css">div{width:100px; height:100px}</style> 链接式即为用li
-
一个JavaScript获取元素当前高度的实例
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-获取元素当前高度</title> <style> #date{width:90%;height:25%;padding:10px;back
随机推荐
- Java编程将汉字转Unicode码代码示例
- 健壮的AJAX源码学习应用示例
- SQL Server无法生成FRunCM线程的解决方法
- Nginx中全局变量整理小结
- Java使用LinkedHashMap进行分数排序
- 简单实现Java验证码功能
- JavaScript门面模式详解
- javascript 节点遍历函数
- asp.net Gridview行绑定事件新体会
- php实现通用的从数据库表读取数据到数组的函数实例
- javascript实现简单的Map示例介绍
- python 解析XML python模块xml.dom解析xml实例代码
- python操作ie登陆土豆网的方法
- php+jQuery实现的三级导航栏下拉菜单显示效果
- 深入解析Java中volatile关键字的作用
- ORACLE锁机制深入理解
- jQuery timers计时器简单应用说明
- jQuery Select(单选) 模拟插件 V1.3.62 改进版
- 用js控制组织结构图可以任意拖拽到指定位置
- spring结合hibernate示例详解