Schriftgröße mit JavaScript ändern
Schriftgröße einer Seite mit JavaScript ändern.
Quelltext: Ausblenden ❘ Kopieren ❘ Link ❘ Zeilen ❘
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
<!DOCTYPE HTML>
<html>
<head>
<title>Schriftgröße ändern</title>
<style>
body {
font-size: 12px;
font-family: Verdana, Arial, Sans-Serif;
}
</style>
<script>
function setFontSize(size) {
var body = document.getElementsByTagName('body');
for(var i = 0; i < body.length; i++) {
if (body[i].style.fontSize) {
var s = parseInt(body[i].style.fontSize.replace("%",""));
}
else {
var s = size;
}
body[i].style.fontSize = size + "%";
}
}
</script>
</head>
<body>
<p>
Schriftgröße ändern
<a style="font-size: 12px;" href="javascript:setFontSize('90');">A</a>
<a style="font-size: 14px;" href="javascript:setFontSize('100');">A</a>
<a style="font-size: 16px;" href="javascript:setFontSize('110');">A</a>
</p>
<p> Lorem ipsum dolor ...</p>
</body>
</html>