如何选择模板标签内的元素？

问题描述

for (const file of selectedFiles) {
  formData.append('image',file);
}

如果我尝试记录该元素，它也会显示未定义。如何选择 <template id="temp"> <input class="abc"> </template> document.getElementById('temp').querySelector('.abc').value='123' //Cannot set value of undefined 中的 input？

解决方法

首先使用 .content 获取模板内容，然后选择元素。

var input = document.getElementById("temp").content.querySelector('.abc');
input.value='123';

//equivalent to document.getElementById('temp').content.querySelector('.abc').value='123'


console.log(input.value);

<template id="temp">
    <input class="abc">
</template>

,

这样做相对容易。您缺少的是 content。

document.getElementById('temp').content.querySelector('.abc').value='123'