JavaScript .big and .small to Change Text Size
By Stephen Bucaro
The JavaScript String object's big and small methods
can be used to change the size of text. A basic example of use of those methods
is shown below.
<script>
var strTxT = "this is my text.";
document.write("<p>" + strTxT + "</p>");
document.write("<p>" + strTxT.small() + "</p>");
document.write("<p>" + strTxT.big() + "</p>");
</script>
Result:
In the example shown below, the big method is used to increase the
size of a section of text within a string.
<script>
var strTxT1 = "text text text";
var strTxT2 = " text ";
document.write("<p>" + strTxT1 + strTxT2.big() + strTxT1 + "</p>");
</script>
Result:
In the example shown below, the document.write method is used to
create a span element in the text string so that the exact size of a section of
text within a string can be set. In the style code, the size of the font
with the span is set to 24px.
<style>
p {font-size:20px;}
.big {font-size:24px;}
</style>
<script>
var strTxT1 = "text text text";
var strTxT2 = " text ";
document.write("<p>" + strTxT1 + "<span class='big'>" + strTxT2 + "</span>" + strTxT1 + "</p>");
</script>
Another alternative that can be used to change the size of text are the HTML <big></big>
and <small></small> tags, but these tags are not supported in HTML5.
More Java Script Code: • Include a Quote Character in a String • Java Script Trigonometric Methods • Java Script Character Encoding and Decoding • Java Script Math.tan Method • The Document Object Model (DOM) • Generating Random Numbers • Java Script Events • Interactively Set Webpage Colors • Get Webpage File Date and File Size • Rounding a Number with JavaScript
|