JavaScript controls how font size is set _javascript tips

In the company's official website, the news page will have a browser to adjust the size of the text, so in this free time, the function of sorting down:

function Setfontsize (id,content,params) {var otarget = document.getElementById (id), content = Document.get Elementbyid (content), size = Params.size | | MaxSize = Params.maxsize | | Step = Params.step | |
        2;
        obtn = ' <input type= ' button "value=" + "/><input type=" button "value="-"/>";

        OBTN1 = null, OBTN2 = NULL;
        otarget.innerhtml = obtn;
        OBTN1 = Otarget.childnodes[0];

        OBTN2 = otarget.childnodes[1];
          Obtn1.onclick=function () {if (Size+step <= maxSize) {size+=step;
            }else{size = maxSize;
            this.classname+= ' disabled ';
          This.disabled = true;
          } oBtn2.className.replace (' disabled ', ');
          obtn2.disabled = false;
        content.style.fontSize = size + ' px ';
          } obtn2.onclick=function () {if (Size-step >=) {size-=step; }else{size = 12;
          this.classname+= ' disabled ' this.disabled = true;
          } oBtn1.className.replace (' disabled ', ');
          obtn1.disabled = false;
      content.style.fontSize = size + ' px '; }
  }

Call Mode:

Setfontsize (Id,contentid,{size:,maxsize,step:});
 /* ID: For storing the ID of the parent box that adds or decreases the two buttons.
 * ContentID: The ID of the content to be stored.
 * {} An object that provides parameters for the setting.
     |-szie: Font start (default) size.
     |-maxsize: Maximum font size.
     |-step: The growth step value.
*/

Tip: You can hide the value of an INPUT element by font-size:0, and then customize the style of the button.

The above JavaScript control font Size setting method is small series to share all the content, hope to give you a reference, but also hope that we support cloud habitat community.