Quiero traducir un elemento div usando javascript. Intenté varias formas, que se enumeran a continuación (el elemento es el elemento):
item = document.getElementById("myDiv"); var x, y x = y = 20 // doesn't change anything item.style.translate = "translate(" + x + "px," + y + "px)"; // only works on canvas try { item.translate(x, y); } catch (e) { console.log(e) } <div id=myDiv>Text...</div>¿Cómo puedo mover el div sin recurrir a CSS (quiero hacer esto con varios elementos, de manera diferente)?
var al itemx e y asignando valorestranslate con transform: después de translate:() NOTA: agregue punto y coma ; al código
var item = document.getElementById("myDiv"); var x, y; x = 60; y = 60; item.style.transform = `translate(${x}px, ${y}px)`; <div id=myDiv>Text...</div> Para usar la misma funcionalidad, cree una function y pase:
// item, 50, 60 === el, x, y addSpace(item, 50, 60);El código
var item = document.getElementById("myDiv"); const addSpace = (el, x, y) => { return el.style.transform = `translate(${x}px, ${y}px)`; }; addSpace(item, 60, 60); <div id="myDiv">Text</div>