Question

单击按钮后，它将动态生成单击文档的特定按钮的ID。（就像Google小工具一样，每个小工具都有菜单选项..）我要做的是...对于生成的ID我已经创建了一个菜单选项作为按钮下方的小工具菜单选项。

这是我的代码：

 var htmlTag = document.createElement("div");

 htmlTag.innerHTML+= "<div style='position:absolute;border:solid 1px black;background-color:white;padding:4px;'>";
 htmlTag.innerHTML+= "<ul ><li><a href=''>Edit</a></li><li><a href=''>Delete</a></li></ul>";
 htmlTag.innerHTML+= "</div>";
 alert(htmlTag);
 $("#"+submenuid).html(htmlTag);

submenuid是动态生成的id ... for button ..

Answer 1

你的意思是

<html>
<head>
<script>
function makeIt(submenuid) {
  var htmlTag = document.createElement("div");

  htmlTag.innerHTML+= "<div style='position:absolute;border:solid 1px black;background-color:white;padding:4px;'>";
  htmlTag.innerHTML+= "<ul ><li><a href=''>Edit</a></li><li><a href=''>Delete</a></li></ul>";
  htmlTag.innerHTML+= "</div>";
  var submenu = document.getElementById(submenuid); 
  submenu.appendChild(htmlTag); // non-jquery, comment and uncomment next line for jquery version
  // $("#"+submenuid).html(htmlTag);
  return false;
}  
</script>
</head>
<body>
<div id="x"></div>
<a href="#" onClick="return makeIt('x')">Make</a>
</body>
</html>

单击按钮后如何在javascript中动态创建菜单

1 个答案: