JAVAscript里面的classname是什么意思?

JavaScript016

JAVAscript里面的classname是什么意思?,第1张

是类选择器的名字,可以使用这个语法进行动态更改某个标签的类属兴,以达到页面效果

比如:有一个DIV,他的 class是fix

<style>

.fix{color:red}

.top10{color:green}

</style>

<div id="div1" class="fix"></div>

更改它的class为top10

document.getElementById('div1').className = 'top10'

这个div的样式就变了

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('body').append($('button').attr('class'))。

3、浏览器运行index.html页面,此时按钮的class名被js取到并打印了出来。

js获取元素的class名:

var className=document.getElementsByClassName('names')[0]

jquery获取元素的class名:

var className = $('.names').atrr('class')

相关概念

getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。