<html>
<head>
<script language="JavaScript">
function CambioTamanio(boton){
var Boton=document.getElementById("text");
var Elementos=document.getElementsByTagName("P");
for (i=0;i<Elementos.length;i++){
Elementos[i].style.fontSize = boton.value;
}
}
function MarcaParrafo(){
var Parrafo=document.getElementById("text");
Parrafo.style.color="red"
}
</script>
</head>
<body>
<div>
<!--Tamaño del texto:-->
Si no lees bien el texto, pulsa aquí:
<input type="button" VALUE="10" onclick="CambioTamanio(this)">
<input type="button" VALUE="15" onclick="CambioTamanio(this)">
<input type="button" VALUE="20" onclick="CambioTamanio(this)">
<input type="button" VALUE="25" onclick="CambioTamanio(this)">
<input type="button" VALUE="30" onclick="CambioTamanio(this)">
<input type="button" VALUE="35" onclick="CambioTamanio(this)">
<input type="button" VALUE="40" onclick="CambioTamanio(this)">
</div>
<div ondblclick="MarcaParrafo()" id="text">
<p>TEXTO QUE QUIERAS</p>
</div>
</body>
</html>