我正在嘗試創(chuàng)建一個(gè)可以多次添加和刪除元素的 onclick 事件。我已經(jīng)考慮過(guò)使用setproperty和更改visibility（以及:after偽類），但它需要更改，這會(huì)position破壞文檔中的很多內(nèi)容。到目前為止，我只能想出添加元素一次，然后刪除元素一次的方法。有沒(méi)有辦法讓這種情況發(fā)生多次（每次單擊該元素時(shí)）？// Create New Elementlet html = document.createElement('p');html.className = 'skills';html.id = 'html-skills';html.setAttribute('title', 'HTML5 Proficiency');html.appendChild(document.createTextNode('5%'));html.style.setProperty('font-size', '16px')// Grab Old Elementconst oldHTML = document.getElementById('html');// On Click function to add elementoldHTML.addEventListener('click', onClick);function onClick(e) { document.getElementById('htmlJS').appendChild(html)}// On click function to remove elementconst htmlJS = document.getElementById('htmlJS')html.addEventListener('click', removeHTML);function removeHTML(e) { let newHTML = document.getElementById("htmlJS"); let htmlNested = document.getElementById("htmlJS").lastChild; htmlNested.lastChild.remove();} <script src="https://kit.fontawesome.com/d3d2bbf2ae.js" crossorigin="anonymous" ></script> <div class="skills-list__1 skills-icons" id="skills1"> <i class="fab fa-html5 html" id="html" title="HTML5"><div id="htmlJS"></div></i> </div>
用于添加和刪除元素的 Onclick 事件
慕姐4208626
2023-07-29 16:19:37
