                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

如果不是ID而是class时怎么写

<p class="p3">如果不是ID而是class时怎么写</p>
document.getElByClass("p3").style.color="red";

是这样吗？

汪琳果儿

2016-07-02

源自：JavaScript入门篇 1-1

关注问题我要回答

1179

操作

收起

5 回答

聆Q 回答被采纳 +3 积分
2016-07-03

可以使用document.getElementsByTagName("p"),然后这个会返回一个标签类型为p的数组，然后获取其class为p3的标签，再进行设置。我写了一个你看看：

<script type="text/javascript">
        var p3_content = document.getElementsByTagName("p");
        for(var i = 0;i<p3_content.length;i++){
            
            if(p3_content[i].getAttribute("class") == "p3")
                p3_content[i].style.color ="#FB0505";
        }

    </script>

1 回复有任何疑惑可以回复我~

#1

汪琳果儿提问者

非常感谢！

2016-10-18 回复有任何疑惑可以回复我~

当爱随风
2016-07-03

用一个getByClass()函数可以获取：

function getByClass(oparent,oclassName){

var oEles=oparent.getElementsByTagName('*');

var oResult=[];

for (var i=0;i<oEles.length;i++){

if(oEles[i].className==oclassName){

oResult.push(oEles[i]);

}

}

return oResult

}

oparent,oclassName 两个变量参数分别是父元素的class,和你要取得class。

0 回复有任何疑惑可以回复我~

qq_就像一場雨_0
2016-07-03

可以先document.getElementsByTagName('*')获取所有的标签，然后通过循环判断标签的classname属性是不是和自己需要获取的类名相同。是的话就存进一个事先定义好的数组里面。

0 回复有任何疑惑可以回复我~

慕粉3596357
2016-07-02

可以这样写，但是IE不支持。

0 回复有任何疑惑可以回复我~

慕神4355813
2016-07-02

getElementsByClassName(),用这个，返回的是一个对象列表，即所有引用该类名的DOM对象，应该是这样的

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript入门篇

参与学习 741862 人
解答问题 9869 个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

本课相似问答

3 回答如果没有赋予id，那么id是什么呢？

2 回答如果不给标签设置class，那么它的className是什么？

4 回答var mychar= document.getElementById("id"); 括号中为什么不能写id而写con呢

4 回答id="p2" class="one"是什么意思？可以同时命名吗？

5 回答把id换成class为什么不行呢？

搜索更多本课相关问答

如果不是ID而是class时怎么写

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号