La estructura de mi documento es:
<div id="mainWindow"> <div id="subele1"></div> </div> <div id="subWindow"> <div id="subele2"></div> </div>Quiero crear un botón para que los niños subele1 y subele2 se intercambien cada vez que se haga clic en el botón.
UPD
function handleButtonClicked() { const mainElement = document.getElementById('subele1') const subElement = document.getElementById('subele2') const mainElementValue = mainElement.innerHTML mainElement.innerHTML = subElement.innerHTML subElement.innerHTML = mainElementValue } <div id="mainWindow"> <div id="subele1">main Window!</div> </div> <div id="subWindow"> <div id="subele2">sub Window?</div> </div> <button id='main' onclick={handleButtonClicked()}>switch</button>