jquery改成原生js怎么做呢?

<script type="text/javascript">
    // 回到顶部相关js代码
    //滑动页面超过一个屏幕的高度时 则显示 回到顶部元素
    $(window).scroll(function(){
        $(this).scrollTop()>=$(window).height()?$('.common-backtop-link').show():$('.common-backtop-link').hide();
    })
    // $('.common-backtop-link').show();//默认显示回到顶部元素

    //点击回到顶部
    $(document).on('click','.common-backtop-link',function(){
        $("html,body").animate({
            scrollTop:0
        },300);
    })
script>


<script>
    let elem = document.getElementsByClassName('common-backtop-link')
    window.onscroll = function () {
        elem[0].style.cssText = document.documentElement.scrollTop > window.screen.height?'display: block;':'display: none;';
    }
    elem[0].onclick = function () {
        document.documentElement.scrollTop = 0
    }
</script>

可以使用下面两种方式来实现将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数据对象,可以通过 [index] 的方法,来得到相应的DOM对象。
如:var $v = $("#v") ; //jQuery对象
  var v = $v[0]; //DOM对象
  alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供,通过 .get(index) 方法,得到相应的DOM对象
如:var $v = $("#v"); //jQuery对象
  var v = $v.get(0); //DOM对象
  alert(v.checked) //检测这个checkbox是否被选中