0

javascript で data-index 属性にアクセスしたいのですが、taskElement.dataset.indexと入力するとエラーが発生します

テンプレート要素の属性にアクセスするにはどうすればよいですか?

const tasksContainer = document.querySelector('[data-tasks]')
const taskTemplate = document.getElementById('task-template')
const taskElement = document.importNode(taskTemplate.content, true)
tasksContainer.appendChild(taskElement)
<div class="tasks draggables-container" data-tasks>Tasks:</div>

<template id="task-template">
  <div class="task draggable" draggable="true" data-index>
    <input type="checkbox" />
    <label>
      <span class="custom-checkbox">Text</span>
    </label>
  </div>
</template>

4

2 に答える 2