1

我在页面的右上角有一张图片。单击图像时，我必须显示一个看起来像有很多行的表格的 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 没有出现。这个片段有什么问题？任何帮助都会很棒..

4

4 回答 4

1

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

于 2013-01-22T09:19:44.050 回答
0 
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。

于 2013-01-22T09:48:20.770 回答
0

第一个：更改a为<a href="javascript:void(0)" onclick="Test();">link</a>

第二：在函数实现function之前添加关键字Test()

于 2013-01-22T09:26:12.173 回答
0 
 <div onclick="Test()"><img align=right src="Test.png" /></div>

可能会有所帮助。

于 2013-01-22T09:26:43.103 回答