how make many id in one getElementById

[Zerivo]

Hi, i make one but it will be many line same, like this with 20.

document.getElementById("Test1").value = Dotoff;
document.getElementById("Test2").value = Dotoff;
document.getElementById("Test3").value = Dotoff;

i wonder can it make all id in one? i tried it:
 

document.getElementById("Test1","Test2","Test3").value = Dotoff;

but it didn't work well, only Test1 change.
some know how make all 20 in one? it can save me lots space/line ;)

[dsonesuk]

Use single class name for all and use getElementsByClassName instead.

[Zerivo]

can you show me example? btw Dotoff is text inside, i use this code
var Dotoff = String.fromCharCode(9678); 

which look like: ◎

[dsonesuk]

Same priciple

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_getelementsbyclassname_loop

[JMRKER]

'dsonesuk's idea more dynamic with code changes, but you could also do it old style in a pinch.

<script>
for (var i=1; i<=20; i++) { document.getElementById("Test"+i).value = Dotoff; }
</script>
	

 

[dsonesuk]

IF the number of inputs with that id remain the same, else you would have to change for loop number every time.

[JMRKER]

Yes, hence the reason for my comment: " 'dsonesuk's idea more dynamic with code changes ..."

 

[dsonesuk]

Hence I explained specifically what that would mean.

[iwato]

Then too, you could use jQuery, it will do the counting for you.

document.getElementById("Test1").value = Dotoff;
document.getElementById("Test2").value = Dotoff;
document.getElementById("Test3").value = Dotoff;

<element1 class='test'></element1>
<element2 class='test'></element2>
<element3 class='test'></element3>

$('.test').val('Dotoff');

Roddy

[smus]

same thing in javascript:

var test = document.getElementsByClassName("test");

for (var i=0;i<test.length;i++){

    test[i].value = Dotoff;

}