用js或jq获取class名并更改它

用js或jq获取class名并更改它,第1张

不知道你具体是要修改i的样式还是移除class,所以都给你说了吧

$('#defo')addClass()、$('#defo')removeClass()、$('#defo')toggleClass()、$('#defo')css()

一般都是用id去获取dom节点,因为id相对唯一,如果是要改变多个就用$('fa')[Methods]

1、新建一个HTML文档,并定义若干个带有class属性的<p>元素

2、新建一个JS *** 作,并获取选择器匹配的第一个元素。

3、保存以上文件,在浏览器预览效果,得到的是第一个匹配的Class元素。

4、如果想要选择器匹配所有符合的元素,则需要使用选择器。

5、对方法获取的元素集合,进行遍历输出。

6、保存以上内容,在浏览器预览效果。

思路:根据标签名称获取所有span对象,然后根据类名筛选出目标对象,最后使用 innerHTML 属性获取文本。实例演示如下:

1、HTML结构

<span class="xing">姓氏</span>

<span class="name">名字</span>

<span class="sheng">籍贯</span> <br>

<input type='button' value='获取class=name的span' onClick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementsByTagName("span");

class_name = "name";

for(i in obj){

if(obj[i]className == class_name){

alert(obj[i]innerHTML);

return

}

}

}

3、效果演示

1、通过元素的ID去拿元素,获取的是一个指定的元素(getElementById)。

2、通过元素的类名(class名)获取元素,获取的是一组元素集合(getElementsByClassName)。

3、通过元素的标签名获取(tagName),获取元素跟类名获取的一样,都是一组元素集合(getElementsByTagName)。

4、通过name属性(getElementsByName)。

5获取html的方法(documentdocumentElement)。

6获取body的方法(documentbody)。

7通过选择器获取一个元素(querySelector)。8通过选择器获取一组元素(querySelectorAll)。元素,现代数学集合论中,元素是组成集的每个对象,集合由元素组成,组成集合的每个对象也称为元素。

for(var i=0;i<objlength;i++){if(obj[i]className == 'a')//找出span标记中class=a的那个标记{var getObj = obj[i];value = getObjinnerHTML;//获得他的innerHTML}}//或者通过Jquery,ext,等JS插件来处理也可以。。。

以上就是关于用js或jq获取class名并更改它全部的内容,包括:用js或jq获取class名并更改它、jquery怎么获取一个元素的class值、JS怎么获取包含指定class name的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10145899.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存