`
nianshi
  • 浏览: 416385 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

用JS获取Html标签属性

 
阅读更多

用JS获取Html标签属性有两种方法:

如<a id="link" href="www.baidu.com" title="测试" blogname="前端开发">Web开发</a>

JS代码:

var ka=document.getElementById("link");

alert(ka.getAttribute("id"));

alert(ka.id);

两种方法都能弹出a标签的ID属性,但从各浏览器兼容上来说用ka.id的方式更好,但对于自定认属性blogname,则就要用getAttribute()来实现了,如:

alert(ka.getAttribute("blogname")); //前端开发

 

总结如下:

JS获到Html标签常规属性用ka.id,获到Html标签的自定义属生就用da.getAttribute("id");

分享到:
评论

相关推荐

    javascript通过获取html标签属性class实现多选项卡的方法

    本文实例讲述了javascript通过获取html标签属性class实现多选项卡的方法。分享给大家供大家参考。具体实现方法如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8 /&gt; &lt;title&gt...

    html,javascript元素属性文档

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

    HTML:自定义标签属性

    ### HTML:自定义标签属性详解 #### 一、引言 HTML 作为 Web 开发的基础语言之一,提供了丰富的标签及属性来构建网页内容。在实际应用中,有时我们需要为 HTML 元素添加额外的信息或功能,这就需要用到自定义属性...

    html5通过javascript预览图片以及获取图片属性

    JavaScript作为浏览器端的主要脚本语言,与HTML5结合,可以实现许多创新功能,如图片预览和获取图片属性。在本文中,我们将深入探讨如何使用HTML5和JavaScript来实现这些功能,并参考给出的`test.html`文件进行解析...

    【原创】获取元素标签上的所有属性值插件

    本插件名为"获取元素标签上的所有属性值插件",是一个原创作品,专为方便开发者获取HTML元素的所有属性值而设计。这个插件的核心功能是通过JavaScript操作DOM,提取元素的属性信息,这对于前端开发人员来说是一个...

    js获取html的span标签的值方法(超简单)

    通过以上内容的介绍,我们可以了解到如何使用JavaScript获取HTML元素中的span标签值。这两种方法简单直接,能够满足绝大多数情况下的需求。无论是在实际开发项目中,还是在学习编程的过程中,掌握这些技能都是非常有...

    使用JS获取页面上的所有标签

     前两天看到一个题,是问如何从页面上获取所有的标签的并查看他们的数量,感觉还是有点意思的,所以给大家来搞一下子  我们先来捋捋思路,那要从页面上获取标签,不用说我们肯定会想到DOM操作,那获取到了之后呢,...

    js无法获取到html标签的属性的解决方法

    在Web开发过程中,JavaScript经常被用来操作HTML...总之,获取HTML标签属性的正确方法取决于属性本身的类型和页面中JavaScript的使用方式。了解HTML、CSS以及JavaScript的基础知识,可以帮助开发者高效地解决这类问题。

    Jquery获取Select标签的值

    在前端开发中,使用 jQuery 框架能够极大地简化 DOM 操作,使得获取或设置 HTML 元素的属性变得更加容易。本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 ...

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

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

    javascript获取下拉列表的值

    在JavaScript中,获取下拉列表(也称为选择框或`&lt;select&gt;`元素)的值是一项常见的任务,特别是在处理用户输入和交互时。本篇博文中,我们将深入探讨如何有效地实现这一功能。 首先,我们需要理解HTML中的`&lt;select&gt;`...

    JavaScript与Html标签互相访问

    本篇文章将深入探讨JavaScript如何访问HTML标签以及HTML如何调用JavaScript函数,以实现两者之间的有效通信。 首先,JavaScript 可以通过 DOM(Document Object Model)来访问和操作HTML元素。DOM 是一种标准,它将...

    js 点击a标签 获取a的自定义属性方法

    在传统的原生JavaScript中,我们可以通过访问元素的`attributes`集合来获取所有的属性,包括自定义属性。下面是获取自定义属性的一种方法: ```javascript function showDetail(obj) { var ownattr = obj....

    jQuery给HTML标签添加自定义属性.zip

    本教程将聚焦于如何使用jQuery给HTML标签添加自定义属性,这在增强网页元素功能和实现特定逻辑时十分有用。 首先,让我们了解一下自定义属性。在HTML5中,允许开发者为元素添加非标准的属性,这些属性通常以"data-...

    Javascript获取标签ID改变style属性的代码

    在探讨如何使用JavaScript获取标签ID并改变其style属性之前,我们需要了解几个关键的Web开发知识点,包括HTML元素的ID属性、JavaScript中的DOM操作以及CSS样式的应用方式。以下将详细阐述这些概念,并结合给定的代码...

    JS获取元素多层嵌套思路详解

    如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧。 HTML: &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta ...

    js获取html的span标签的值方法.docx

    ### JavaScript 获取 HTML 中 span 标签的值的方法 ...如果需要获取包括HTML标签在内的完整内容,则应选择`.innerHTML`。这两种方法都是JavaScript操作DOM的重要手段,熟练掌握它们对于提高前端开发效率至关重要。

    JS操作DOM元素属性和方法大全

    **JS操作DOM元素属性和方法大全** 在JavaScript中,DOM(Document Object Model)是一种标准,用于表示HTML或XML文档的结构,并提供了与这些文档交互的方法。DOM是浏览器提供的一种接口,使得JavaScript能够读取、...

Global site tag (gtag.js) - Google Analytics