JavaScriptがうまくいきませんでした（これまでにもそうでした）

Question

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

"データ" とは、第1に隠されているdiv要素です。他の関数はこれに似ていて、 'a'はjsコードを実行します。

提案がありますか？ありがとう。

---

私はJavaScriptを使用しようとしたコンソールエラー

はこれです：

Uncaught TypeError: Cannot read property 'style' of null

が、私はこのことについて、いくつかの解決の質問とエラーを修正しようとしましたが、任意の成功なし。そのコードは他のファイルでも動作するので、エラーの性質についてはわかりません。

さらに、すべてのdivが適切で、正しいIDが割り当てられています。

Answer 1

あなたのコードだけでテストしても、完全に機能します。以下のコードスニペットを参照してください。 コンソールでエラーログを確認し、問題のスニペットにデモを投稿してください。失敗したコンテキストでコードを表示すると、トラブルシューティングの手助けが可能になります。

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