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

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

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

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

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

</div>

<script>

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

</script>

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

如果select标签是有id属性的，如

<select id=xx>

则用下述方法获取当前选项的值：

var v = xxvalue;

或

var v = documentgetElementById("xx")value; //此方法兼容性好

如果select标签是有name属性的，如

<form name=form1>

<select name=xx>

则用下述方法获取当前选项的值：

var v = form1xxvalue;

或

var v = documentgetElementsByName("xx")[0]value;

如果同一页面含有多个name属性相同的标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

如果select标签不含有任何可供定位的属性，如

<select>

则用下述方法获取当前选项的值：

var v = documentgetElementsByTagName("select")[0]value;

如果同一页面含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

思路：通过id可以获取到<div>对象，通过getAttribute()和innerHTML分别可以获取<div>对象的自定义属性和文本内容。下面实例演示获取<div>标签的自定义属性user_id：

1、HTML结构

<div id="test" user_id="test_id">id="test" user_id="test_id"</div><br/>

<input type='button' value='获取div的自定义属性' onclick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementById("test");

alert(objgetAttribute("user_id"))

}

3、点击按钮后效果

<script type="text/javascrpt">

function setA()

{

//声明一个变量ahrefstr

var ahrefstr="";

//先得到ID为"ahref"的div中每个A标签（会是一个数组）

var myahref=documentgetElementById("ahref")getElementByTagName("a");

//循环得到每个a的href

for(i=0;i<myahref;i++)

{

//将得到的每一个ahref追加到全局变量ahrefstr中

ahrefstr+=myahref[i]hreftostring()+"\\n";

}

//d出

alert(ahrefstr);

}

</script>

直接用自带的属性innerHTML就可以获取label的值。

下面是简单的小例子：

<label ID="Label1" runat="server" Text="" ></label>

windowonload = function(){

  var lbl7=documentgetElementById("Label1")innerHTML; //获取label里的值

  alert(lbl7);

}

以上就是关于html JS中如何获取某ID下的某个标签的某个属性值全部的内容，包括:html JS中如何获取某ID下的某个标签的某个属性值、JavaScript怎样获取select标签当前选择的值呢、用js如何取到div中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！