使用javascript动态更改字体大小

我正在处理一个c#应用程序。其中，我们使用xsl将xml内容转换为html。一旦文件转换为HTML。我想通过点击12和3来改变字体大小。所以，如果用户单击1号字体大小为9pt，2号字体大小为11pt，3号字体大小为13pt。我可以使用javascript来完成这项工作吗？是否可以在xsl中添加该javascript函数，以便在将文件转换为html时具有该javascript函数？

---

如果你回答这个问题，请尽量解释清楚。提前感谢。

假设您正在将内容呈现到某种容器中，例如span，您应该能够执行以下操作：

function changeFont(sizeInPixels)
{
    document.body.style.fontSize = sizeInPixels + "px";
}

编辑：
如果用户能够选择下拉列表或其他内容的大小，请将选项值设置为以点为单位的实际大小

changeFontSize = function(size){
    var el = document.getElementById("container");
    if (el){
        el.style.fontSize = size + "pt";
    }
}

这里有一个详细的查询（即没有JQuery）

你可以，但是

---

首先，理论上是有可能的。然而，您需要首先确保一些事情

确保页面上的字体都是相对的。这意味着所有内容都应该使用100%、150%、1.2em等字体大小，而不是12px、10pt等

确保脚本是HTML中最后加载的节点，或者更改文本的函数是由正文的onload事件触发的 这个过程很简单。您可以创建一个函数来更改body元素的字体大小。因为其他一切都是相对的，这将影响到每一个元素。（例如，将正文字体设置为12px将使任何设置为150%的字体都为18px）

执行此操作的简单函数如下所示：

function changeFont(sizeInPixels)
{
    document.body.style.fontSize = sizeInPixels + "px";
}

---

然后，只需将函数作为事件添加到带有适当参数的按钮/链接中。

您需要在CDATA中插入JavaScript。否则，它只是简单地编写锚定来更改主体的

fontSize

样式的大小

<![CDATA[ 
<script> 
window.onload = function() {

  var fontchange = document.createElement("div");
  var fontchangelink = function(fontsize, desc) {
      var a = document.createElement('a');
      a.href="#";
      a.style.margin = "5px";
      a.onclick = function() { 
        document.body.style.fontSize = fontsize + 'pt';
      };
      a.innerHTML = desc;
      return a;
  };
  fontchange.appendChild(document.createTextNode("Change font size:"));
  fontchange.appendChild(fontchangelink(9, "1"));
  fontchange.appendChild(fontchangelink(11, "2"));
  fontchange.appendChild(fontchangelink(13, "3"));    

  document.body.insertBefore(fontchange, document.body.childNodes[0]);
};
</script> 
]]> 

window.onload=函数（）{
var fontchange=document.createElement（“div”）；
var fontchangelink=函数（fontsize，desc）{
var a=document.createElement（'a'）；
a、 href=“#”；
a、 style.margin=“5px”；
a、 onclick=function（）{
document.body.style.fontSize=fontSize+'pt'；
};
a、 innerHTML=desc；
返回a；
};
appendChild（document.createTextNode（“更改字体大小：”）；
fontchange.appendChild（fontchangelink（9，“1”）；
appendChild（fontchangelink（11，“2”））；
appendChild（fontchangelink（13，“3”）；
document.body.insertBefore（fontchange，document.body.childNodes[0]）；
};
]]> 

你可以设计得更好，但下面是它的外观：