`

javascript获取点击的文本属性

 
阅读更多

    我们通常需要获取点击的文本信息，于是通过javascript操作DOM对象，可以获取点击的文本属性:

    具体代码如下:

<html>
        <head>
                <title>Javascript测试!</title>
                <script>
                        //获取单击的文本;
                        function onClickEvent(event){   
                               //获取当前点击的属性ID; 
                               alert(event.srcElement.id);
                               
                               //获取父节点属性;
                               var obj = event.srcElement.parentNode;
                               alert("父对象ID:"+obj.id);             //childDivID          
                               alert("父对象Name:"+obj.name);         //chidldDiveName                 
                               alert("父对象Style:"+obj.style.border);//1px solid red;
                        }
                </script>
        </head>                       
                 
        <body>
              <div id="divParentID">
                   <div id="childDivID" name="chidldDiveName" style="border:1px solid red;width:80%">
                         <input type="text" id="txtNameID" onClick="onClickEvent(window.event)">
                   </div>
              </div>
        </body>         
</html>

 

分享到：
| UUID生成全局唯一标识符
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript获取元素文本内容的通用函数

    一个获取元素文本内容的通用函数 中华人民共和国1 2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]将HTML DOM中几个容易常用的属性做下记录： nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。 ...

    JavaScript DOM编程艺术(中文第2版)

    2.7.1 内建对象 2.7.2 宿主对象 2.8 小结 第3章 DOM 3.1 文档:DOM中的"D" 3.2 对象:DOM中的"O" 3.3 模型:DOM中的"M" 3.4 节点 3.4.1 元素节点 3.4.2 文本节点 3.4.3 属性节点 3.4.4 CSS 3.4.5 获取元素 3.4.6 盘点...

    javascript中获取元素标签中间的内容的实现方法

    使用ajax，通过会把服务器端响应获取到reponseText或者reponseXML中的信息，以某种方法动态的写到div和span标记中，这样，可以在无刷新的情况下，改变页面内容的显示。 通过javascript进行动态的修改，修改的方法有...

    javascript完全学习手册1 源码

    1.4.1 使用纯文本编辑器 11 1.4.2 使用专业化脚本编辑工具 13 1.4.3 使用Microsoft脚本编辑器 15 第2章 JavaScript编程基础 19 2.1 基础语法 19 2.1.1 数据类型 19 2.1.2 变量和常量 22 2.1.3 表达式 24 2.1.4 ...

    源文件程序天下JAVASCRIPT实例自学手册

    5.4.10 获取特定属性的取值 5.4.11 设置特定属性的取值 5.4.12 删除特定的属性 5.5 附加的节点处理方法 5.5.1 生成节点 5.5.2 插入和添加节点 5.5.3 复制节点 5.5.4 删除和替换节点 5.5.5 文本节点操作 5.6 对象的...

    SuperMap iClient 6R for JavaScript Feature设置文本风格

    范例演示了根据属性条件和空间条件进行WFS查询，并能够获取查询结果要素。

    JavaScript详解(第2版)

    　18.4.1　使用Ajax从文件中获取文本　 　18.4.2　使用Ajax从文件中获取XML　 　18.4.3　Ajax和表单　 　18.5　Ajax和JSON　 　18.5.1　JSON数据结构　 　18.5.2　使用JSON的步骤　 　18.5.3　JSON综合示例　 　18.5...

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    javascript完全学习手册2 源码

    1．4．1 使用纯文本编辑器 1．4．2 使用专业化脚本编辑工具 1．4．3 使用Microsoft脚本编辑器 第2章 JavaScript编程基础 2．1 基础语法 2．1．1 数据类型 2．1．2 变量和常量 2．1．3 表达式 2．1．4 运算符 2．2 ...

    《程序天下：JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    JavaScript：DOM编程艺术（第2版）

    《javascript dom编程艺术:第2版》讲述了javascript、dom 和html5 的基础知识，着重介绍...3.5 获取和设置属性 43 3.5.1 getattribute 43 3.5.2 setattribute 44 3.6 小结 45 第4章案例研究：javascript图片库 46

    JavaScript基础和实例代码

    5.4.10 获取特定属性的取值 5.4.11 设置特定属性的取值 5.4.12 删除特定的属性 5.5 附加的节点处理方法 5.5.1 生成节点 5.5.2 插入和添加节点 5.5.3 复制节点 5.5.4 删除和替换节点 5.5.5 文本节点操作 5.6 对象的...

    JavaScript完全自学宝典 源代码

    6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框...

    JavaScript笔记.doc

    二、JavaScript的程序控制结构和对象 2 1、for循环语句： 2 2、while循环： 2 3、do-while循环： 2 4、JavaScript函数： 2 5、在JavaScript中基于对象的编程： 3 6、内置的JavaScript对象： 3 7、处理对象的内置方法...

    javascript操作XML

    var xmlDoc = new ActiveXObject("Microsoft.XMLDOM") 'JAVASCRIPT中的创建对象 set objXml=CreateObject("Microsoft.XMLDOM") '创建解析器对象 objXml.async="false" objXml.load("test.xml") '装载xml文件 ...

    javascript常用对象梳理

    功能：locationbar属性也可以看成是一个子对象，这个属性用来获取它自已的 visible属性来确定位置栏是否可见。 到目前为止，该属性只有一个子属性：visible。 注：IE5.5不支持该属性。 7. locationbar.visible...

    JavaScript王者归来part.1 总数2

    　3.1 我能用什么来编写脚本--适合编写JavaScript的文本编辑器　 　3.2 来自浏览器的支持　 　3.3 集成开发环境　 　3.4 调试工具--提升开发效率的利器　 　3.5 定位代码和调用堆栈　 　3.6 浏览器捕获异常　 　3.7 ...

    JavaScript经典实例

    　9.3根据一个事件从表单元素获取信息 　9.4当点击单选按钮的时候执行一个动作 　9.5检查一个有效的电话号码 　9.6取消表单提交 　9.7阻止重复表单提交 　9.8隐藏和显示表单元素 　9.9根据其他表单选择修改一个选项...

    WebGIS从基础到开发实践代码(基于ArcGIS API for JavaScript)

    4.3.2地图属性获取 4.3.3事件处理 4.4地图参数的基本配置 4.4.1漫游与缩放动画的参数配置 4.4.2比例滚动条的参数配置 4.4.3跨域访问参数配置 4.5图层控制器 4.5.1图层控制器小部件模板 4.5.2图层控制器小部件类 ...

    【JavaScript源代码】JavaScript动态生成带删除行功能的表格.docx

    　本文实例为大家分享了javascript实现动态生成表格/删除行的具体代码，供大家参考，具体内容如下　动态生成一个带删除行功能的表格：　实现思路　1、获取表格元素 2、获取要填充的数据，一般是从数据库取数据，也...

Magicbox
Global site tag (gtag.js) - Google Analytics