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没有出现。这个片段有什么问题？任何帮助都会很棒..

Answer 1

也许在onclick="Test()"标记中使用<a>

Answer 2

首先：将a更改为<a href="javascript:void(0)" onclick="Test();">link</a>

第二：在功能实现中，在function

之前添加Test()关键字

Answer 3

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

可能会有所帮助。

Answer 4

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对于该特定链接是必要的。

单击图像时不显示div

4 个答案: