w3school tooltips page change bootstrap javascript dom

javascript - tooltips - ¿Cómo deshabilito todos los botones de entrada sin usar jQuery?



tooltips bootstrap (4)

¿Cómo haría esto sin jQuery?

$(''input[type=submit]'').attr(''disabled'',true);

No tiene que ser compatible con varios navegadores; Una solución que solo funciona en Firefox está bien.


Esto no se ha probado, pero debería funcionar o algo muy similar. Se podría mejorar con la comprobación de errores y características.

var inputs = document.getElementsByTagName(''input''); for(var i = 0; i < inputs.length; i++){ if(inputs[i].type == ''submit''){ inputs[i].disabled = ''disabled''; } }


Has probado

document.getElementsByTagName("input");

luego podría interrogar al DOM para encontrar su botón de envío. referencia getElementsByTagName

Una muestra completa

window.onload = function(e) { var forms = document.getElementsByTagName(''form''); for (var i = 0; i < forms.length; i++) { var input = forms[i].getElementsByTagName(''input''); for (var y = 0; y < input.length; y++) { if (input[y].type == ''submit'') { input[y].disabled = ''disabled''; } } } }


var els = document.getElementsByTagName ( ''input'' ); for ( var i = 0; i < els.length ; i ++ ) { if ( els[i].type == ''submit'' ) els[i].setAttribute(''disabled'', ''true''); }


var inputs = document.getElementsByTagName("INPUT"); for (var i = 0; i < inputs.length; i++) { if (inputs[i].type === ''submit'') { inputs[i].disabled = true; } }