主页 / 问题 / 1232301
Accepted
Leonel
Asked:2022-01-17 00:32:58 +0000 UTC2022-01-17 00:32:58 +0000 UTC

在 JS 按钮上添加具有唯一 ID 的 div [关闭]

  • 772

实现随机 id 的生成并将其分配给在 js 代码中创建的许多 div 块之一，一切都应该通过 js，有什么想法可以如何实现？

javascript

1 个回答

  1. Best Answer
    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <button class="btn">Add block</button>
  <div class="list">
    List
  </div>
</body>
</html>  



let list = document.querySelector('.list');
let btn = document.querySelector('.btn');

btn.addEventListener('click', function() {
    let r = Math.random().toString(36).substring(7);
    const newBlock = document.createElement('div');
    newBlock.setAttribute('id', r);
    newBlock.textContent = 'new block'
    list.appendChild(newBlock);
})
    • 1

相关问题