將ID添加到 <ul> 使用javascript在運行時標記

Question

<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中做到這一點？

Answer 1

您需要首先唯一地選擇正確的元素，然后為其添加一個id。 例如：

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

而已。

Answer 2

嘗試這個：

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

看看這個小提琴： https : //jsfiddle.net/xqx9bh7m/