disable all the elements in html

Question

How can we disable all the elements in html through javascript.The easiest way...

Answer 1

All the form elements (inputs, selects, textareas) within a form, are accesible through the form.elements HTMLCollection, you can iterate the collection disabling each element:

function disableForm(form) {
var length = form.elements.length,
    i;
  for (i=0; i < length; i++) {
    form.elements[i].disabled = true;
  }
}

Usage examples:

disableForm(document.forms[0]);
disableForm(document.getElementById('formId'));