`

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获取选中的文本的方法代码.docx

    注意，在获取文本后，我们还进行了简单的非空检查，确保返回的字符串不是空白或null。 #### 方法二：针对特定元素 如果仅关心某个特定输入框或文本区域内的选中文本，可以采用下面的方法： ```javascript ...

    javascript获取选中的文本的方法代码

    如果当前浏览器不支持这些属性，则使用IE的方式`document.selection.createRange().text`来获取文本。 最后，示例中还包含了一个简单的用户界面，一个`&lt;textarea&gt;`元素用于用户输入文本，一个按钮用于触发获取选中...

    Javascript 获取光标位置

    JavaScript获取光标位置是网页开发中的一个重要功能，它在用户输入、文本编辑或者富文本处理等场景中扮演着关键角色。这个功能可以帮助开发者精确地控制用户在文本输入框中的光标定位，例如在某些特定字符后插入文本...

    javascript 常用的属性与方法

    2. **颜色属性**：`document.bgColor`, `document.fgColor`, `document.linkColor`, `document.alinkColor` 和 `document.vlinkColor`分别用于设置页面背景、前景、未点击链接、激活链接和已点击链接的颜色。...

    Javascript和Css属性对照

    DOM 属性则是通过 JavaScript 访问 HTML 或 XML 文档元素的特性，如 `document.getElementById('myDiv').style.color` 可以获取或设置 ID 为 'myDiv' 的元素的颜色。 CSS 属性则用于描述 HTML 或 SVG 元素的外观和...

    JavaScript写的文本编辑器

    例如，使用`document.getElementById()`、`document.querySelector()`或`document.createElement()`等方法来获取或创建DOM节点，然后用`innerHTML`或`innerText`属性修改文本内容。 3. **事件监听与处理**： 编辑...

    CSS属性在Javascript中对应表

    4. **文本属性**： - `font-family`：可以使用`element.style.fontFamily`来改变或获取字体。 - `font-size`：对应的JavaScript属性是`element.style.fontSize`，用于设置或获取字体大小。 - `text-align`：在...

    JavaScript 富文本框

    2. **事件监听**：为了响应用户的操作，如点击按钮、选择字体等，我们需要使用JavaScript的事件监听功能。常见的事件包括`click`、`change`、`input`等。通过绑定这些事件，我们可以实现相应的功能。 3. **CSS样式...

    Go-利用goquery去除HTML文本中的javascript和白名单以外的属性

    在循环中，我们可以使用`Attr`方法获取元素的属性，并根据白名单来决定是否保留该属性。例如，如果你只允许`class`、`href`和`src`属性存在，你可以这样做： ```go allowedAttrs := []string{"class", "href", "src...

    javascript获取鼠标点击元素对象(示例代码).docx

    在前端开发中，通过JavaScript获取用户鼠标点击的元素对象是一项基本且实用的功能。这项技术不仅能够帮助开发者更好地响应用户的交互行为，还能够用于实现诸如弹窗、菜单展开等丰富的用户体验效果。本文将详细介绍...

    html,javascript元素属性文档

    例如，我们可以使用`document.getElementById`方法获取特定ID的元素，然后通过`.getAttribute`和`.setAttribute`来读取或修改元素的属性值。此外，JavaScript还可以监听和响应用户事件，如点击、滚动等，进一步增强...

    JavaScript获取文本框内选中文本的方法

    本文将详细探讨如何使用JavaScript获取文本框内选中的文本，并通过实际代码示例和分析，来指导开发者如何在不同浏览器环境中应用这一技术。 首先，了解JavaScript中处理文本选中事件的相关对象和方法是实现该功能的...

    javascript获取FCKeditor内容

    使用JavaScript获取FCKeditor内容 FCKeditor提供了一系列的API供开发者调用，以便于与编辑器进行交互。获取编辑器内容主要依赖于`FCKeditorAPI`对象，通过这个对象，可以执行获取HTML内容或纯文本内容等操作。 ##...

    使用JavaScript保存文本文件到本地的两种方法

    4. 通过JavaScript程序触发元素的点击事件，实现文件下载。 值得注意的是，由于安全性原因，现代浏览器对文件保存有一定的限制。例如，跨域策略可能阻止我们保存特定来源的内容；另外，某些方法可能仅在特定的...

    利用事件冒泡(Event Bubbling )获取鼠标下的元素属性

    JavaScript部分可能涉及了`addEventListener`或`attachEvent`（对于旧版IE浏览器）来添加事件监听器，并在事件处理函数中使用`event.target`来获取当前鼠标下的元素，从而展示元素的相关属性，例如ID、类名、文本...

    HTML+Javascript实现点击图片自动播放背景音乐

    这里的`id`属性（`musicTrigger`）用于在JavaScript中引用该图片，`onclick`事件监听器会在用户点击图片时执行`playMusic()`函数。 接下来是JavaScript部分。JavaScript负责处理页面的动态行为，如播放音乐。要实现...

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

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

    CSS和JavaScript标签style属性对照表

    **说明**：文本属性用于控制文本的对齐方式、缩进、装饰效果、行高、换行规则等。 ### 示例代码 假设我们有一个HTML元素，我们需要动态改变它的样式，例如更改边框颜色： ```javascript // 获取HTML元素 const ...

    JavaScript获取XML文件的数据

    以上就是使用JavaScript获取和操作XML文件的基本步骤。在实际应用中，可能还需要考虑错误处理、兼容性问题以及性能优化等方面。通过结合`js读取xml.html`中的示例代码，你可以更深入地理解这些概念，并在自己的项目...

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