javascript - 画像をクリックしてもdivが表示されない

Question

ページの右上隅に画像があります。画像をクリックすると、多くの行を持つテーブルのように見える div を表示する必要があります。div は画像の真下に配置する必要があります。以下のコードスニペットを試しました。

<div><a href="javascript:Test()"><img align=right src="Test.png" /></a></div>

テスト関数のサンプルコードスニペット

Test(){
var hNode = document.createElement('div');
hNode.style.display = "block";
hNode.style.overflow="hidden";enter code here
hNode.style.position = "absolute"; 
hNode.style.width = "400px";
hNode.style.height = "30px";
hNode.style.border = "1px solid  #666666";
hNode .appendChild(document.createTextNode("Test"));
}

しかし、divは表示されません。このスニペットの何が問題になっていますか? どんな助けでも素晴らしいでしょう..

score 1 · Accepted Answer

1

多分onclick="Test()"あなたの<a>タグで

于 2013-01-22T09:19:44.050 に答える

score 0 · Accepted Answer

function Test(){
   var hNode = document.createElement('div');
   hNode.style.display = "block";
   hNode.style.overflow ="hidden";
   hNode.style.position = "absolute";
   hNode.style.width = "400px";
   hNode.style.height = "30px";
   hNode.style.border = "1px solid #666666";
   var t = document.createTextNode("Test");
   hNode.appendChild(t)
   document.body.appendChild(hNode);
 }

他のすべての答えはコードの問題に対処していますが、なぜ表示されないのかについての答えは、新しく作成されたものを実際に追加していないdivためdocument.body、存在していてもdomの一部ではありません。

この関数は、他の回答で説明されているメソッドのいずれかを使用して呼び出すことができます。私はの線に沿って何かを好む

 <a href="javascript_policy.html" onclick="myFunction(); return false;">my link</a>

javascriptが有効になっていないユーザーを、その特定のリンクにjavascriptが必要な理由を説明するページに誘導します。

score 0 · Accepted Answer

最初 :aに変更<a href="javascript:void(0)" onclick="Test();">link</a>

2番目：関数の実装でfunction前にキーワードを追加Test()

score 0 · Accepted Answer

0

 <div onclick="Test()"><img align=right src="Test.png" /></div>

役立つかもしれません。

于 2013-01-22T09:26:43.103 に答える

javascript - 画像をクリックしてもdivが表示されない

4 に答える 4

Related

Reference