如何将ID元素添加到特定的类行？

Question

我想将ID添加到包含具有指定名称的类的行中。例如：如果网站将阻止包含名称为"name-1 name-2 \f25 name-2\f6“的类的"div”或"li“，此函数会检测到名为"name-1”的类，并插入“id=”元素“menu”，该行如下：。你能帮上忙吗？我试过了：

​

<div class="menu-item menu-item-object-custom menu-item-has-children">
I am a DIV or LI element
</div>

<button onclick="myFunction2()">Try it</button>

<script>
function myFunction2() {
    var x = document.getElementsByClassName("menu-item-has-children")[0];
        x.document.createElement("id");
}
</script>

​

Answer 1

你不需要document，这是你需要的：

function myFunction2() {
    var x = document.getElementsByClassName("menu-item-has-children")[0];
        x.id="menu"
}

但是，您应该在jQuery中查找类似的内容：

$('.menu-item-has-children').attr('id','menu')

要使用jQuery，您只需添加以下标记：

<script src=https://code.jquery.com/jquery-1.11.3.min.js></script>到您的HEAD元素。

您可以通过学习选择器和attr开始学习jQuery。使用此链接：

• jQuery Selectors
• jQuery attr function

Answer 2

当您通过类名获取该元素时，请使用以下方法为您的元素提供id

<script>
function myFunction2() {
    var x = document.getElementsByClassName("menu-item-has-children")[0];
    $('.'+x).attr('id','menu');
}
</script>

Answer 3

您可以使用Document.querySelectorAll()

​

function myFunction2() {  
  var elements = document.querySelectorAll('.menu-item-has-children');
  
  if (elements.length) {
    elements[0].id = 'menu';
  }
}

#menu {color:red;}

<div class="menu-item menu-item-object-custom menu-item-has-children">
  I am a DIV or LI element
</div>

<div class="menu-item menu-item-object-custom">
  I am another DIV or LI element
</div>

<button onclick="myFunction2()">Try it</button>

​