天天看點

ajax設定字型大小,使用JavaScript更改未來元素的字型大小

ajax設定字型大小,使用JavaScript更改未來元素的字型大小

尚方寶劍之說

您隻修改現有節點。如果您希望新節點采用這些規則,隻需建構一個動态添加或更新css節點的javascript函數function changeSize(v){

     var css     = [

       ".message-computer p, .message-user p {font-size: "+v+"em;}"

    ].join("");

    var head    = document.head || document.getElementsByTagName('head')[0];

    var style   = null;

    if(!document.getElementById("customTextSize"))

    {

        style = document.createElement('style');

        style.id = "customTextSize";

        style.type  = 'text/css';

        style.appendChild(document.createTextNode(css));

        head.appendChild(style);

    }

    else

    {

        style = document.getElementById("customTextSize");

        style.removeChild(style.firstChild);

        style.appendChild(document.createTextNode(css));

    }}在你的改變上隻需調用函數:    changeSize(v)