How to change the background color of all <form> elements within the current document in JavaScript

1 Answer

<!DOCTYPE html>        
<html>
<head>
</head>
<body>

<form id="aaa_id">
    <input type="button" onclick="alert(document.forms[0].id);" value="aaa form" />
</form>

<form id="bbb_id">
    <input type="button" onclick="alert(document.forms[1].id);" value="bbb form" />
</form>

<form id="ccc_id">
    <input type="button" onclick="alert(document.forms[2].id);" value="ccc form" />
</form>

<script type="text/JavaScript">   

for (var i = 0; i < document.forms.length; i++) 
     document.forms[i].style.backgroundColor = 'green';

/*
run:

check your browser

*/

</script>

</body>
</html>

70+ SQL courses for beginners and professionals

answered Jun 9, 2016 by avibootz

Most popular tags

How to change the background color of all <form> elements within the current document in JavaScript

1 Answer

Related questions