Question

我想在包含具有指定名称的类的行中添加ID。例如。如果该网站将阻止＆＃34; div＆＃34;或＆＃34; li＆＃34;包含名称为＆＃34; name-1 name-2 name-3＆＃34;此函数检测名为＆＃34; name-1＆＃34;的类。并插入元素id =＆＃34; menu＆＃34;这条线看起来像这样：。你能帮我吗？我试过了：

＆＃13;

<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>

＆＃13;

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。使用此链接：

Answer 2

当您按类名获取该元素时，请使用以下方法将id赋予yur元素

<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>

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

3 个答案: