html JS中如何获取某ID下的某个标签的某个属性值_框架

使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。

工具原料：编辑器、浏览器

1、实现的思路是先使用选择器通过id获取到这个元素，然后使用attr方法获取某个属性的值，代码如下：

</div>

consolelog($('#div1')attr('class'));

</script>

2、运行的结果是获取到了class的值test，如下图：

为什么可以通过id直接访问对象，是因为所有的元素ID都相当于一个保存对象的全局变量。

通过id直接访问对象还存在兼容问题。

建议用documentgetElementById标准的形式获取对象。

如果一个元素符合下面两条规则中的任一条,则window对象中必须要有与之对应的一个属性,属性值就是这个对象。

如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名

如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, object,其中的一个。

但是如果网页有两个相同ID的元素，就有点差异了：

<html>

<head>

function getInput() {

var mydiv = documentgetElementById("div1");

alert(mydivlength);//mydiv是DispHTMLElement

alert(div1length);//div1是DispHTMLElementCollection

}

</script>

</head>

<body>

</body>

</html>

JS认为HTML文件会被浏览器解析为文档流，写在HTML里面的所有标签元素都可以从文档流中读取到。基于这个理论，JS定义了一个document对象，专门用来处理文档流。

要想获取一个元素，有两种方式：一种是根据元素的类名（class属性值），另一种是根据元素的ID。假设有一个input元素，JS获取该元素的方式如下：

var element=documentgetElementByClass("isInput")[0];或者

var element=documentgetElementById("input_first");

需要注意的是，根据类名获取到的是一个数组，必须要通过下标才能获取到具体的某个元素。而根据ID获取到的则是具体的元素，所以常用的方式是用ID来获取。

以上就是关于html JS中如何获取某ID下的某个标签的某个属性值全部的内容，包括:html JS中如何获取某ID下的某个标签的某个属性值、js直接用id名获取对象,这样用好吗、js怎么获取一个元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

html JS中如何获取某ID下的某个标签的某个属性值