将焦点设置在javascript函数中的div上

因此，我有一个javascript函数，它显示我隐藏的div，我想知道如何在div上设置focus，使其直接进入页面。我之所以说setfocus，是因为我之前尝试过它，但它不起作用。这是我所拥有的聚焦功能和理念

<script>
function toggle_travelarea(id) {
        var e = document.getElementById(id);
    document.getElementById("canada").style.display = 'none';   
    document.getElementById("asia").style.display = 'none';
    document.getElementById("australia").style.display = 'none';
    document.getElementById("newzealand").style.display = 'none';
    document.getElementById("africa").style.display = 'none';
    document.getElementById("usa").style.display = 'none';
    document.getElementById("samerica").style.display = 'none';
    document.getElementById("europe").style.display = 'none';
        e.style.display = 'block';
     document.getElementByClassName('slidedeck').focus()
    }
</script>

功能切换\u travelarea（id）{
var e=document.getElementById（id）；
document.getElementById（“canada”）.style.display='none'；
document.getElementById（“asia”）.style.display='none'；
document.getElementById（“australia”）.style.display='none'；
document.getElementById（“新西兰”）.style.display='none'；
document.getElementById（“africa”）.style.display='none'；
document.getElementById（“usa”）.style.display='none'；
document.getElementById（“samerica”）.style.display='none'；
document.getElementById（“europe”）.style.display='none'；
e、 style.display='block'；
document.getElementByClassName（'slidedeck'）.focus（）
}

我要设置焦点的区域

<div class="slidedeck">

实际上认为这不起作用，但对锚定div id使用了href，然后对函数使用了onclick，它工作正常。谢谢大家的输入

恐怕你得学点数学，用scrollTo。 以下是示例->

基本上：

HTML

这会让你知道如何走得更远

---

mz

当你说setfocus时，是指scrollTo（）？获取元素的位置并将顶部位置传递给scrollTo（）。我想这就是你想要的，是的，div就在它的下面，但我希望页面将div设置在顶部。我试着加上这个，但还是不起作用。var xpos=document.getElementById（id）.value；var ypos=document.getElementById（id）.value；scrollTo（xpos，ypos）；我没有在这个页面上使用jquery作为ScrollTop，如果您发现任何有帮助的答案，请不要忘记接受

<div id="hidden">
</div>
<button id="show">show</button>

var btn = document.getElementById('show'),
    hidden = document.getElementById('hidden');

btn.addEventListener('click', function () {
  hidden.style.display = 'block';
  scrollTo(0, hidden.offsetTop);
});