使用 javascript 在运行时将 id 添加到 <ul> 标签

Add an id to a <ul> tag in runtime using javascript

本文关键字:ul 标签 添加 javascript 运行时 id 使用      更新时间:2023-09-26
<div class="photobooth">
    <div class="blind"></div>
    <canvas ></canvas>
    <div class="warning notSupported"></div>
    <div class="warning noWebcam"></div>
    <ul>
       <li title="hue" class="hue"></li>
       <li title="saturation" class="saturation"></li>
       <li title="brightness" class="brightness"></li>
       <li title="crop" class="crop"></li>
       <li title="take picture" class="trigger"></li>
    </ul>
 </div>

我希望<ul>标签在运行时有一个 id。例如<ul id="myid"></ul> .如何在javascript中做到这一点?

您需要以某种方式先唯一地选择正确的元素,然后向其添加 id。例如:

var ul = document.querySelector('.photobooth > ul');
ul.id = 'someId';

就是这样。

试试这个:

$( "ul" ).attr( "id","test" );

看看这个小提琴:https://jsfiddle.net/xqx9bh7m/