How to scroll to an element inside Div (Jquery & Javascript)

How to scroll to an element inside Div (Jquery & Javascript)

I have a div that surrounds a table. Inside a table there is a span element inisde <td>.
In one of the rows, the span element class is "Highlighed".
after a button is clicked, I want the scroll bar scrolled to that span element with class "HighLight"

The page is filled with old JAvascript methods, so if you can help me with either Javascript or Jquery or both that will be awesome.
  1. <div id="DivTasks" style="width: 100%; height: 83px; overflow-y: auto; overflow-x: hidden;">
  2.             <table class="blah">
  3.                 <tr class="light-row">
  4.                     <td align="left" class="right-cell" id="WFTasks">
  5.                         <span class="Closed" id="L1008" style="font-weight: bold; margin-left: 0em;">Development</span>
  6.                     </td>
  7.                 </tr>
  8.                 <tr class="dim-row">
  9.                     <td id="WFTasks" class="right-cell" align="left">
  10.                         <span id="L8" class="Highlight" style="font-weight: normal; margin-left: 2em;">Testing</span>
  11.                     </td>
  12.                     <td class="right-cell" align="left">
  13.                 </tr>
  14.             </table>
  15.         </div>
  16.         <button id="Add_Button" onclick="Add_click();" name="Add" value="Add" type="Button" style="width: 70px;">Add</button>
  17.         <script type="text/javascript">
  18.             $(document).ready(function(){
  19.                 $("#Add_Button").click(function() {
  20.                     alert('Button clicked.');
  21.                     // debugger;
  22.                     console.log($(this).attr("Highlight"));
  23.                     var scroll = parseInt($(this).attr("Highlight"));
  24.                     $('#DivTasks').scrollTop(scroll);  
  25.                 });
  26.             });
  27.         </script>