1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
<html>
<body>
<form>
<input type=button value="change value attribute" onclick="changeValues(0)">
<button onclick="changeSizes()">change size attribute</button>
<BR>
<input type=button value="change checked attribute" onclick="changeChecked()">
<BR>
<input type=submit value=submit>
<input type=reset value=reset>
<input type=button value=button>
<INPUT type=image src=raptor.jpg width=50 height=50 name=imageSubmit value="js bug">
<BR>
<input type=checkbox checked value="js bug">
<input type=checkbox value="js bug">
<input type=radio name=radio checked value="js bug">
<input type=radio name=radio value="js bug">
<BR>
<button>html4 button</button>
<input type=text value=foo>
<textarea>foobar</textarea>
</form>
<script>
var numInputChangers = 2;
var inputs = document.getElementsByTagName("INPUT");
var numInputs = inputs.length;
var inputValues = new Array(numInputs+numInputs);
var start = 0;
for (var i = 0; i < numInputs; i++) {
inputValues[i] = inputs[i].value;
inputValues[numInputs+i] = "CHANGED"
}
function changeValues(aNativeChanger) {
if (start == 0) {
start = numInputs;
}
else {
start = 0;
}
for (var i = numInputChangers; i < numInputs; i++) {
inputs[i].value = inputValues[start+i];
}
}
function changeSizes() {
inputs[2].size = 100;
inputs[3].size = 100;
inputs[4].size = 100;
inputs[11].size = 10;
}
function changeChecked() {
inputs[6].checked = false;
inputs[7].checked = true;
inputs[8].checked = false;
inputs[9].checked = true;
}
</script>
</body>
</html>
|
