如何替换没有ID的元素的类名?

时间:2014-10-01 04:50:55

标签: javascript

纯JS请: 嗨, 这个帖子:How to Get Element By Class in JavaScript? 包含我的问题的起点。 如何替换类名本身? 我似乎无法使用上面链接中的示例来使用它。 这是我的jsFiddle

非常感谢!

<div class="ggg">blavlavbla </div>

function replaceClass()
{
   var plusLinks = document.querySelectorAll('ggg');
   var firstLink = plusLinks[0];
   firstLink.setAttribute('class', 'aw-top-content-mod');
}

replaceClass();

2 个答案:

答案 0 :(得分:1)

只需将.添加到班级名称中:

   function replaceClass()
             {
                 var plusLinks = document.querySelectorAll('.ggg');
                 var firstLink = plusLinks[0];
                 firstLink.setAttribute('class', 'aw-top-content-mod');
             }
     replaceClass();

JSFiddle

答案 1 :(得分:0)

您可以使用getElementsByClassName代替具有更多浏览器支持的querySelectorAll。你可以这样做。

function replaceClass()
{
    var firstLink = document.getElementsByClassName('ggg')[0];
    firstLink.setAttribute('class', 'aw-top-content-mod');
}
        
 replaceClass();
.aw-top-content-mod
{
    color:red;
}
<div class="ggg">blavlavbla </div>