Buenas tardes/noches.
Quisiera consultar una duda que tengo sobre javascript básico. He mirado por ahí que innerHTML estará obsoleto en poco tiempo, y que utilizar el DOM es W3C estandar. Y también que innerHTML es mucho más rápido que utilizar el DOM, cuando no vamos a reutilizar el código.
En mi caso necesito crear una función básica que intercambia el contenido de 2 divs, con un click, pego el código. Sería posible mejorarlo utilizando DOM? (para tener una referencia en futuros casos en JS)
Código HTML:
<head>
<script type="text/javascript">
function intercambiar(e) {
if (e == "uno") {
var dos = document.getElementById("dos").innerHTML;
document.getElementById("dos").innerHTML = document.getElementById("uno").innerHTML;
document.getElementById("uno").innerHTML = dos;
}
else {
var uno = document.getElementById("uno").innerHTML;
document.getElementById("uno").innerHTML = document.getElementById("dos").innerHTML;
document.getElementById("dos").innerHTML = uno;
}
}
</script>
</head>
<body>
<div id="uno"> 11111111 <a href="#" onclick="intercambiar('uno')">click</a></div>
<div id="dos"> 22222222 <a href="#" onclick="intercambiar('dos')">click</a></div>
</body> Saludos.