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:
• JavaScript Operators
• Java Script Data Types
• Rounding a Number with JavaScript
• The for Loop
• Search and Replace Strings
• Java Script Reserved Words
• Java Script Number Object
• Access Web Page Elements With getElementById
• Comparison Operators
• The break Statement
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
