在javascript中为类设置新的id

Question

我有一个班级

 <div class="group-left article_left">

我需要使用JavaScript动态地为这个类添加一个id。

我添加了以下代码

    var thediv = document.getElementByClass("#group-left");
     thediv.id = "pad_id";

但我的代码中没有出现ID。任何人都可以帮助我。

Answer 1

该方法被称为getElementsByClassName并返回一个NodeList，而不是一个节点（因此您需要将其视为一个数组，并在其上循环或只是从中获取第一个元素）。

您还需要正确拼写您的班级名称。您没有#个字符。

 var thediv = document.getElementsByClassName("group-left")[0];
 thediv.id = "pad_id";

它isn't supported by Internet Explorer 8 or lower所以您可能希望使用polyfill或库（例如YUI或实现a selector engine的任何其他内容）来代替相同的功能。

Answer 2

除非你使用一些库，否则javascript中现在有getElementsByClass方法。你可以使用jquery

$('.class').attr('id','pad_id');

您应该只为每个元素使用一个id。请记住

Answer 3

您必须使用setAttribute，例如：

thediv.setAttribute("id", "pad_id");