怎样用JS获得<label>标签中的值

<label id='label'>我的值</label> <!-- 给label一个id然后js

去找-->

<script>

windowonload = function() {

    var label = documentgetElementById('label'); // 查找一个id为label的节点

    alert(labelinnerText) // d出 label的值

    alert(labelgetAttribute('id')) // d出 label的属性

}

</script>

首先你可以获取所有span对象（用的是jquery）：

var spanVal=$("span");

然后再将所有span对象中的value放到一个数组中

var arr1 = new Array;

spanValeach(function(){

arr1push($(this)val());

});

再alert(arr1);//此时输出的是所有span的值，以逗号分隔

原生JS获取某节点的方法：

documentgetEelementById(id);//根据id获取此节点

documentgetEelementsByName(name);//根据name获取此节点集

documentgetEelementsByTagName(tagName);//根据标签名获取此节点集

documentgetEelementsByClassName(className);//根据class名称获取此节点集

documentquerySelector(selector);//根据此选择器获取此节点集第一个节点

documentquerySelectorAll(selector);//根据此选择器获取所有此类节点集

<li></li>标签组合肯定不止一个,它都有自己的id,比如0;我建议给<p class="yangbanfang"></p>中a标签和<p class="canguan"></p>中input标签加一个共同元素,比如<a id="a0"></a>;<input listid="0" onlick="open2(this)"></input>

function open2(obj)

{

listid = objgetAttribute("listid");

alert(documentgetElementById("a"+listid)InnerHTML());

}

要不就就<input onlick="open2(this)"></input>

function open2(obj)

{

var node_li = objparentNodeparentNodeparentNode;

alert(node_li documentgetElementsByTagName("a")[0]InnerHTML());

}

另外估计有的函数名我写错了,我对js不熟

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

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

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

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

</div>

<script>

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

</script>

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

以上就是关于怎样用JS获得<label>标签中的值全部的内容，包括:怎样用JS获得<label>标签中的值、js如何循环获取多个span标签并使其逐渐变色、js中获取标签里面的值除了document.getEelementById()和document.getEelementsByName()之外还有那些方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！