Tengo este código javascript:
<input class="inp " type="text" value="0.01" inputmode="numeric">
Quiero cambiar el valor del atributo, pero nada de lo que intenté funcionó. Probé este metrods:
document.getElementsByClassName("inp")[0].value=0.02; document.getElementsByClassName("inp")[0].setAttribute("value","0.02"); document.querySelector("input.inp").value=0.02;Ninguno de estos parece funcionar, solo cambian el valor en la superficie o el hud, pero cuando trato de usar el valor modificado, siempre es el valor antes de realizar los cambios.
¿Estoy haciendo algo mal o el sitio solo restringe los cambios de ese atributo?
Tienes un fuerte concepto erróneo aquí. Su código funciona bien, el problema son sus expectativas al modificar el atributo de value .
El atributo de value (¡a diferencia de la propiedad de value !) tiene un solo propósito: definir declarativamente el valor inicial en el HTML . Con cualquier Javascript, normalmente nunca interactúa con el atributo de value .
Cambiarlo más tarde no cambiará el valor mostrado (pero cambiará el.defaultValue ), ni cambiará el valor al interactuar con el elemento para actualizar el atributo.
const el = document.querySelector("input.inp"); console.log(`el.value: ${el.value}, <input value="${el.getAttribute('value')}">, el.defaultValue: ${el.defaultValue}`); el.value=0.33; console.log(`el.value: ${el.value}, <input value="${el.getAttribute('value')}">, el.defaultValue: ${el.defaultValue}`); el.setAttribute("value","0.66"); console.log(`el.value: ${el.value}, <input value="${el.getAttribute('value')}">, el.defaultValue: ${el.defaultValue}`); <input class="inp" type="text" value="0.01">Después de probar su código, funciona correctamente, su problema parece estar fuera del código.
document.getElementsByClassName("inp1")[0].value=0.02; document.getElementsByClassName("inp2")[0].setAttribute("value","0.02"); document.querySelector("input.inp3").value=0.02; <input class="inp1" type="text" value="0.01" inputmode="numeric"> <input class="inp2" type="text" value="0.01" inputmode="numeric"> <input class="inp3" type="text" value="0.01" inputmode="numeric">