Question

我有一些我需要帮助的代码。这将是一个谷歌风格的搜索功能，我将有一个单独的页面供屏幕阅读器用户使用。我的表格如下：

<div id="main">
  <input type="text" name="search" tabindex="<?php echo $tab++; ?>" onfocus="display_results_table()"><br>
  <input type="submit" name="submit" tabindex="<?php echo $tab++; ?>">
  <input type="reset" name="reset" tabindex="<?php echo $tab++; ?>">
</div>

<div id="results">
</div>

我使用PHP来制作我的标签索引的原因是我不必手动将它们放入，我有一个名为results的元素。我像这样设计了每个元素：

#main {
    border-radius: 1em;
    width: 50%;
    margin: 25%;
    background: #FFFFFF;
    border: #000000 medium solid;
}       


#results     {
    margin-left: 30%;
    width: 40%;
    margin-top: 10%;
    background: #FFFFFF;
    border: #000000 thin solid;
    display: none;
}

我的javascript看起来像这样：

<script type="text/javascript">
function display_results_table()
{
    document.getElementById("main").style.marginLeft = "0%";
    document.getElementById("main").style.width = "30%";
    document.getElementById("main").style.borderRadius = "0";
    document.getElementById("main").style.borderRight = "0";
    document.getElementById("results").style.display = "block";
}
</script>

元素邮件按预期执行但是我无法显示结果元素。你能指出我正确的方向吗？

Javascript元素可见性不起作用

0 个答案: