所以我試圖在串列中插入一個元素，但跨度不斷被我提供給 li 的文本內容覆寫。這就是代碼應該是這樣的：
<li class="togglable"><span class="plus-sgn"> </span> Add Task</li>
這就是我得到的：
<li class="togglable">Add Task</li>
這是代碼：
const togglable = document.createElement('li');
const span = document.createElement('span');
togglable.className = 'togglable';
span.className = 'plus-sgn';
span.textContent = ' ';
togglable.appendChild(span);
togglable.textContent = 'Add Task';
taskList.appendChild(togglable);
uj5u.com熱心網友回復：
要創建文本節點，請使用document.createTextNode：
function add() {
const togglable = document.createElement('li');
togglable.className = 'togglable';
const span = document.createElement('span');
span.className = 'plus-sgn';
span.textContent = ' ';
togglable.appendChild(span);
//append text as text node
togglable.appendChild(document.createTextNode('Add Task'));
taskList.appendChild(togglable);
}
add();
add();
add();<ul id='taskList'>
<li>Abc</li>
</ul>uj5u.com熱心網友回復：
也許您可以按如下方式添加它：
const taskList = document.querySelector('ul#taskList');
const togglable = `<li ><span > </span> Add Task</li>`;
taskList.innerHTML = togglable;<ul id="taskList"></ul>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/423055.html
標籤：
下一篇：ObjC中的編碼