[JavaScript] Access multiple HTML Elements in Javascript.

[Anet390]

Example of accessing one (Changing Text Color to Green):

<html>
<body>
<FONT Color="green" id="green"></FONT>
<script language="javascript">
document.getElementById("green").innerHTML="Green Text";
</script>
</body>
</html>

But how would I go about adding two HTML commands to one Line of Text. For Example, If I wanted to change the size and the color of the text, how would i be able to call both elements on the text "Green Text". So, not only with "Green Text" be green, the font size will be changed as well. I am terrible at explaining programming problems I have, so if this is confusing, ask for me to explain in more detail.

 

[Jazz00006]

Font tags are still used? How horrid.

Vanilla JS

<div id="colourText"></div>

<script type="text/javascript">
	document.getElementById("colourText").innerHTML="Green Text";
	document.getElementById("colourText").style.fontSize="20";
</script>

jQuery (http://jquery.com/)

<div id="colourText"></div>

<script type="text/javascript">
	$('#colourText').css('font-size',20).text('Green Text');
</script>

 

[Anet390]

Thank you for this! Very much apprecited. And yes, I guess ppl still do -.-

 

[Ryan]

Pretty sure they are depreciated, I haven't seen a font tag in awhile xD

Font tags are still used? How horrid.

Vanilla JS

<div id="colourText"></div>

<script type="text/javascript">
    document.getElementById("colourText").innerHTML="Green Text";
    document.getElementById("colourText").style.fontSize="20";
</script>

jQuery (http://jquery.com/)

<div id="colourText"></div>

<script type="text/javascript">
    $('#colourText').css('font-size',20).text('Green Text');
</script>