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

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

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

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

<div id="div1" class="test">

</div>

<script>

console.log($('#div1').attr('class'))

</script>

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

首先，我需要可以通过tagName获取所有的按钮，对你的按钮添加监听事件；

代码如下：

html：

<div id="butDIv">

<button id="1">121</button>

<button id="2">22</button>

<button id="3">222</button>

<button id="4">2222</button>

</div>

js代码：

var tempDiv=document.getElementById('butDIv')

var teBut=tempDiv.getElementsByTagName('button')

for(var i=0i<teBut.lengthi++){

teBut[i].onclick=function(){

console.log(this.id)

}

}

---