Question

我如何创建javascript代码以仅将类名称添加到特定div 例如：我想在所有div的末尾从div5添加 class_name 吗？

Answer 1

function applyClass(elem_position, tagname, classname)
{
    var div_elems = document.querySelectorAll(tagname);

    for (var i = elem_position-1; i < div_elems.length;i++)
    {
        div_elems[i].className=classname;
    }
}

用法

从位置3开始将类some_class应用于div元素

applyClass(3,'div','some_class');

Answer 2

尝试

Point

Answer 3

如果您希望将一个类的名称从一个div添加到另一个，我建议您使用JQuery。可以这样做：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
function changeColor(){
$( document ).ready(function() {
    $("div").addClass("work");
});
}
</script>
<style>
.work {
  color: red
}
</style>
<div style="width: 100%" class="work"><h1>Hello</h1></div>

<div style="width: 100%" class=""><h1>Hello</h1></div>

<button onclick="changeColor()">Change second color by inserting class!</button>

如何将类名添加到特定元素

3 个答案:

尝试