Javascript元素可见性不工作

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

<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>

<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如下所示：

<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>

<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>   

函数显示结果表（）
{
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（“结果”）.style.display=“块”；
}

---

元素mail按预期执行，但是我无法获得要显示的结果元素。你能给我指出正确的方向吗？

你正在用javascript定义

#results

的样式，但是你没有在任何地方创建它……我在你的代码中没有看到id=“results”的元素。对不起，一定是错过了。现在编辑它缺少一些细节，因为我使用了您的代码并制作了一个有效的小提琴：是否有可能元素正在显示，只是因为背景颜色与页面相同，并且没有内容，所以看起来不一样？你看过这一页了吗？