Js changes the text font size of the instance code


When I first came to the company, the leader gave me some simple, simple and simple… task

Once asked me to write out the font size conversion function of the article. Searching a lot on the Internet doesn’t work! But everything comes to him who waits. I found him! Share it!

<script type= " text/javascript " >
    Function SetFont(size){
        var divBody = document.getElementById( " news_content " );
        If(!divBody){
            Return;
        }
  divBody.style.fontSize = size+ " px " ;
  Var divChildBody = divBody.childNodes;
  For (var i = 0; i<divChildBody.length;i++){
      If(divChildBody[i].nodeType==1){
         divChildBody[i].style.fontSize=size+ " px " ;
  }
  }
    }
</script>

HTML part

 The font size: <a href="javascript:SetFont(16)"> big </a> <a href="javascript:SetFont(14)"> In the </a> <a href="javascript:SetFont(12)"> small </a> 】
      <div style="font-size:14px;" id="news_content">
        The article content
       </div>