我想訪問 javascript 中的 data-index 屬性，但是當(dāng)我輸入taskElement.dataset.index時出現(xiàn)錯誤如何訪問模板元素中的屬性？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>
3 回答
侃侃爾雅
TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超16個贊
您可以通過查詢選擇來訪問 DocumentFragment 中元素的屬性，然后以正常方式訪問它們。
taskElement.querySelector("div[data-index]").dataset.index
縹緲止盈
TA貢獻(xiàn)2041條經(jīng)驗(yàn) 獲得超4個贊
你是這個意思？
const tasksContainer = document.querySelector('[data-tasks]')
const taskTemplate = document.getElementById('task-template')
const taskElement = document.importNode(taskTemplate.content, true)
console.log(taskElement.querySelector("div[data-index]").dataset.index)
tasksContainer.appendChild(taskElement)
<div class="tasks draggables-container" data-tasks>Tasks:</div>
<template id="task-template">
<div class="task draggable" draggable="true" data-index="idx">
<input type="checkbox" />
<label>
<span class="custom-checkbox">Text</span>
</label>
</div>
</template>
猛跑小豬
TA貢獻(xiàn)1858條經(jīng)驗(yàn) 獲得超8個贊
您需要為數(shù)據(jù)集標(biāo)簽分配值才能訪問它。
像這樣：
<div class="task draggable" draggable="true" data-index="1">
- 3 回答
- 0 關(guān)注
- 170 瀏覽
添加回答
舉報
0/150
提交
取消