思路：首先获取div对象，然后使用className属性获取类名，关键代码如下
1
documentgetElementById("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 = documentgetElementById("test")className;
alert(name);
}
无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象
要取得DIV对象的方法有很多常用的有2个,一个是根据ID,用
var div=documentgetElementById('youdivid')
另一种就是通过标签名来取得
var div=documentgetElementsByTagName('div')[num]
第2种方法和第一种方法的区别是不用设ID也能取得对象,第一种方法取得的是一个对象,第2种方法取得的是一个由所有DIV标签所组成的数组所以后面要根上DIV的序列比如你想取得网页的第一个DIV就
var div=documentgetElementsByTagName('div')[0]
第2个
var div=documentgetElementsByTagName('div')[1]
以此类推
取得DIV对象以事取ID或CLASS就简单了
var id=divid;
var class=divclassName;
就这么简单
下面有个例子,如果不懂,随时问我
<html>
<head>
<script>
function a(){
var div=documentgetElementById('a');
alert('div的class为:'+divid)
alert('div的id为:'+divclassName)
}
function b(){
var div=documentgetElementsByTagName('div')[0];
alert('div的class为:'+divid)
alert('div的id为:'+divclassName)
}
</script>
<style>
c{width:100px; height:100px; background:#0000CC}
</style>
</head>
<body>
<div id="a" class="c">
这是一个DIV
</div>
点击下面按钮取得ID和CLASS
<input type="button" onClick="a()" value="通过ID取得DIV,从而也得CLASS和ID">
<input type="button" onClick="b()" value="通过DIV标签取得DIV,从而也得CLASS和ID">
</body>
</html>
1根据ID,用var div=documentgetElementById('youdivid')
2通过标签名来取得var div=documentgetElementsByTagName('div')[num]
3举个例子可以多练习练习：
function a(){var div=documentgetElementById('a');alert('div的class为:'+divid)alert('div的id为:'+divclassName)}
function b(){var div=documentgetElementsByTagName('div')[0];alert('div的class为:'+divid)alert('div的id为:'+divclassName)}</script>
扩展资料
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
参考资料 百度百科-js
泛型的类型是无法在运行时通过反射取得的，泛型类型在编译成字节码的时候已经被虚拟机给去掉了，只是起到提示编译器进行类型检查的作用
用这种方法你试一试:父类:import javalangreflectParameterizedType;
public class Parent<T {
public Parent() {
ParameterizedType type = (ParameterizedType)thisgetClass()getGenericSuperclass();
Systemoutprintln("type==" + type);
Systemoutprintln("entityClass==" + typegetActualTypeArguments()[0]);
Systemoutprintln("getOwnerType==" + typegetOwnerType());
Systemoutprintln("getRawType==" + typegetRawType());}}子类:public class Child<T extends Parent<String {
不知道你具体是要修改i的样式还是移除class，所以都给你说了吧
$('#defo')addClass()、$('#defo')removeClass()、$('#defo')toggleClass()、$('#defo')css()
一般都是用id去获取dom节点，因为id相对唯一，如果是要改变多个就用$('fa')[Methods]
(小白学习之class篇，请多指教)
ts中原生支持用class的方式声明一个类
class的继承只需要通过关键字 extends 即可实现继承
ts中，class的属性默认是公共属性，省略了 public 修饰符，公共成员在外部或者子类都可以读写
ts中，class的私有成员通过 private 修饰符声明，私有成员只能在class内部使用，外部或者继承的类中无法使用
在某些情况下，我们需要对私有数据进行读写的时候，可以采用get、set的方式实现
ts中，class通过 protected 修饰符来声明受保护成员，与私有成员类似（可以在class内部使用），但是不同的是，受保护成员还可以在继承的子类中使用
ts中，class通过 readonly 关键字来声明只读属性，只读属性只能取值不能修改，无论是在class内部还是外部
ts中，class通过 static 修饰符来声明静态属性，静态成员只能通过class本身调用，而不是实例
以上就是关于怎样用JS获取CSS中class中的值全部的内容，包括:怎样用JS获取CSS中class中的值、javascript怎么获取div id或者class、js如何获取DIV的 class值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）