Javascript 回答。你能解释一下前两行是什么意思吗？我对JS很陌生，所以我不太确定…嘿@chiamin！前两行是我以后想使用时经常使用的辅助函数，没有太多麻烦：1创建新元素，2。通过其选择器获取DOM中的元素。请参见代码后面部分，即：使用NewEL（“标记名”，属性对象

---

回答。你能解释一下前两行是什么意思吗？我对JS很陌生，所以我不太确定…嘿@chiamin！前两行是我以后想使用时经常使用的辅助函数，没有太多麻烦：1创建新元素，2。通过其选择器获取DOM中的元素。请参见代码后面部分，即：使用

NewEL（“标记名”，属性对象）

-非常简洁，您可以为新元素和所有元素属性传递所需的标记名，而无需太多重复。同样适用于

EL（“#someID”）

而不是执行

someelement.querySelector（“#someID”）

嘿，罗科，谢谢你的回答。你能解释一下前两行是什么意思吗？我对JS很陌生，所以我不太确定…嘿@chiamin！前两行是我以后想使用时经常使用的辅助函数，没有太多麻烦：1创建新元素，2。通过其选择器获取DOM中的元素。请参见代码后面部分，即：使用

NewEL（“标记名”，属性对象）

-非常简洁，您可以为新元素和所有元素属性传递所需的标记名，而无需太多重复。与

EL（“#someID”）

相同，而不是执行

someelement.querySelector（“#someID”）

const p = list.querySelector('#text');
p.classList.add('foo');

list.innerHTML = `
    <p id="text" class="text"></p>
    <div id="taskListBtn">
      <span id="button-tick-${toDoItem.id}" class="material-icons tick-style">check_circle</span>
      <span id="button-edit-${toDoItem.id}" class="material-icons edit-style">edit</span>
      <span id="button-remove-${toDoItem.id}" class="material-icons remove-style">delete</span>
    </div>
    `;
const p = list.querySelector('#text');
p.textContent = toDoItem.task;

list.dataset.id = toDoItem.id;

list.innerHTML = `
    <p id="text" class="text">${toDoItem.task}</p>
    <div id="taskListBtn">
      <span id="button-tick-${toDoItem.id}" class="material-icons tick-style">check_circle</span>
      <span id="button-edit-${toDoItem.id}" class="material-icons edit-style">edit</span>
      <span id="button-remove-${toDoItem.id}" class="material-icons remove-style">delete</span>
    </div>
    `;

const addClasses = ['class1', 'class2'];
const paragtaph = list.querySelector('p');
paragtaph.className += ` ${addClasses.join(' ')}`;