javascript获取点击的文本属性

最新推荐文章于 2023-07-20 10:01:54 发布

悠悠隐于市

最新推荐文章于 2023-07-20 10:01:54 发布

阅读量642

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 ViewUI

本文链接：https://blog.csdn.net/zhou363667565/article/details/84184274

版权

JavaScript 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

我们通常需要获取点击的文本信息，于是通过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>

悠悠隐于市

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript获取点击的文本属性

我们通常需要获取点击的文本信息，于是通过javascript操作DOM对象，可以获取点击的文本属性: 具体代码如下:&lt;html&gt; &lt;head&gt; &lt;title&gt;Javascript测试!&lt;/title&gt; &lt;script&gt; ...
复制链接

扫一扫

专栏目录