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

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

我是一个DIV或LI元素
试试看
函数myFunction2（）{
var x=document.getElementsByClassName（“菜单项有子项”）[0]；
x、 document.createElement（“id”）；
}

您不需要

文档

这就是您需要的：

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

但您应该研究jQuery，以了解以下内容：

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

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

到头部元素

---

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

---

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

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

函数myFunction2（）{
var x=document.getElementsByClassName（“菜单项有子项”）[0]；
$（'.+x）.attr（'id'，'menu'）；
}

您可以使用：

函数myFunction2（）{
var elements=document.querySelectorAll（“.menu项有子项”）；
if（元素长度）{
元素[0]。id='menu'；
}
}

#菜单{颜色：红色；}

我是一个DIV或LI元素
我是另一个DIV或LI元素
是否尝试使用jQuery更改id？真的吗？jQuery通过类名获取并更改ID。@Aminadav注意，如果类
菜单项中没有html元素，则会出现一个错误：“Uncaught TypeError:无法设置未定义的属性“ID”FWIW-注意不要在多个elements.OP中添加相同的ID-注意这是在使用jQuery。关于vanilla js，请看@Aminadav的答案。