html+获取某个标签的属性值，html中属性和标签的区别

hmg-china 240 阅读 0 评论 38 点赞

html+获取某个标签的属性值

来来来，跟上小编的节奏，我们来讲讲HTML中的标签和属性及如何获取某个标签的属性值。

首先，咱们得知道标签和属性的区别。标签是HTML中的基本元素，它告诉浏览器如何组织页面结构和呈现内容；而属性则指定标签的属性。说白了，标签就像是房子的墙、门、窗，而属性就像是房子的颜色、大小等特征。一个标签可以拥有多个属性，也可以没有属性。比如说，标签就可以有href属性指定链接的地址，也可以没有属性。

那么，我们如何获取标签的属性值呢？其实，只需要用到HTML中的JavaScript就可以了。JavaScript是一种脚本语言，它可以用来控制HTML页面的行为。利用JavaScript，我们可以轻松地获取某个标签的属性值。

下面，我来教你们两种获取标签属性值的方法：

方法1：通过DOM获取标签属性值

DOM是Document Object Model（文档对象模型）的缩写，它提供了访问HTML文档元素的标准方式。我们可以通过DOM的getElementById()和getAttribute()方法来获取标签的属性值。

首先，我们要获取需要获取属性值的标签，然后使用getAttribute()方法获取标签的属性值。比如说，我们想获取id为“mylink”的标签的href属性值，可以这么写：

```

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

var href = link.getAttribute("href");

```

上面的代码首先获取了id为“mylink”的标签，然后获取它的href属性值，并将其赋值给变量href。这样我们就可以通过变量href获取该标签的href属性值了。

方法2：直接获取标签属性值

另外一种方法是直接通过标签名和属性名获取标签属性值。也就是说，不需要借助DOM的方法，直接使用浏览器提供的属性就可以了。比如说，我们要获取id为“mylink”的标签的href属性值，可以这么写：