JavaScript无法正常工作(即使之前已经做过)

时间:2017-01-05 17:24:52

标签: javascript html

我在一个php文件中工作,我有一些隐藏起来的div。之后,当我按下按钮/ a(在这种情况下并不重要)时,JavaScript函数会使div显示,并隐藏其他内容。

我的问题是:我最后一次修改文件,一切正常。但是,我刚刚证明了这一点,并且JavaScript不起作用,我也不知道为什么。

这是代码:

<script type="text/javascript">function showdata(){
            document.getElementById('configure').style.display='none';
            document.getElementById('delete').style.display='none';
            document.getElementById('data').style.display='block';}</script>
            <li><a class="lista" id="adata" href="#adel" onclick="showdata();">This should activate the script.</a>

&#34;数据&#34;是最初隐藏的div。其他功能与此类似,其中包括&#39; a&#39;运行js代码。

有什么建议吗?感谢。

我尝试使用JavaScript时出现控制台错误:

  

未捕获的TypeError:无法读取属性&#39; style&#39;为null

我尝试使用一些已解决的问题修复错误,但没有任何成功。该代码适用于其他文件,因此我不确定错误的性质。

此外,所有div都很好,并且分配了正确的id。

1 个答案:

答案 0 :(得分:0)

单独测试您的代码完美无缺。请参阅下面的代码段。 检查您的控制台是否有错误日志,并尝试在您的问题的代码段中发布演示,如果您可以在失败的上下文中显示代码,则可以帮助您进行故障排除。

&#13;
&#13;
<script type="text/javascript">function showdata(){
            document.getElementById('configure').style.display='none';
            document.getElementById('delete').style.display='none';
            document.getElementById('data').style.display='block';}</script>
            <a class="lista" id="adata" href="#adel" onclick="showdata();">This should activate the script.</a>
<div id="configure">configure DIV</div>
<div id="delete">delete DIV</div>
<div id="data">data DIV</div>
&#13;
&#13;
&#13;