Document.getelementbyId 搜索 div id 时返回 null

Question

我目前正在尝试显示两个滚动条，一个位于 ListView 的顶部，一个位于底部。但是，我的 document.getelementbyid 不断返回 null，我不明白为什么。如果有帮助的话，我也在使用母版页。

<script type="text/javascript">
    function DoubleScroll(element1) {
        var element = document.getElementById(element1);
        if (!element) return;
        var scrollbar = document.createElement('div');
        scrollbar.appendChild(document.createElement('div'));
        scrollbar.style.overflow = 'auto';
        scrollbar.style.overflowY = 'hidden';
        scrollbar.style.width = '500px';
        scrollbar.firstChild.style.width = element.scrollWidth + 'px';
        scrollbar.firstChild.style.paddingTop = '100px';
        scrollbar.firstChild.appendChild(document.createTextNode('\xA0'));
        scrollbar.onscroll = function () {
            element.scrollLeft = scrollbar.scrollLeft;
        };
        element.onscroll = function () {
            scrollbar.scrollLeft = element.scrollLeft;
        };
        element.parentNode.insertBefore(scrollbar, element);
    }


    DoubleScroll(document.getElementById('doublescroll'));
</script>

这是我想要达到的 div id：

<div id="doublescroll" style=" width: 100%; height: auto;">

Answer 1

您调用了document.getElementById两次：一次在函数参数中，另一次在函数内部。删除其中之一，它应该可以工作。