怎样用JS获取CSS中class中的值

Posted 2023-05-12

参考技术A 思路：首先获取div对象，然后使用className属性获取类名，关键代码如下

1

document.getElementById("test").className

实例演示：
1、html结构

1
2

<div id = "test" class="test_class">我的类名为test_class</div>
<input type='button' value='获取div类名' onclick="fun()"/>

2、javascript代码

1
2
3
4

function fun()
name = document.getElementById("test").className;
alert(name);
参考技术B 如果你是要获取类名的话，可以直接 obj.className 参考技术C $(".class")

js中怎样获取<tags:treeselect/>中value的值

js代码：var value=$("#stationSelect").val();能够获得1中的ID为stationSelect的value值
1、<div class="control-group">
<label class="control-label">站点:</label>
<div class="controls">
<form:select id="stationSelect" path="station" items="$fns:getStation()" htmlEscape="false" class="required">
</form:select>
</div>
</div>

但采用相同的方法，获取不了下面ID为station中的value值，为什么？ 哪位能告诉我下面<tags:treeselect/>中value的值如何获取？
<tags:treeselect id="station" name="station.id" value="$purchaseGas.station.id" labelName="station.name" labelValue="$purchaseGas.station.name "
title="站点" url="/oam/straw/stationTree" notAllowSelectParent="true" cssClass="input-small required" allowClear="true"/>

参考技术A

这个标签本身就没有value这个属性，你的value只是你自己定义的属性，因此你要有自定义属性的方式去获取，

js方法

document.getElementById('station').getAttribute('value')

jq方法

$('#station').attr('value')

参考技术B tags:treeselect 会在页面生成一些input标签 打开浏览器工具,可以看到input标签的id,取值即可 参考技术C var value=$("#station").val();

记得这行js放在body后，别放在前面html一开始，还没生成，你就要取值，那取不到的。

追问

不都是放在head中，也就是放在body之前的呀、？？？？

追答

你引入jquery 可以放在前面。
动态生成的东西，要取值，你不放在后面，没法取。
你看看这个网页的源代码，看js在body后面有没有。。。
动起手来，试试就知道了。