1

我有以下代码：

<a onClick="change('img1');" href="#"><img src="../name_footer/alexis-name.png" /></a>

单击 alexis-name 图像时，它会调用另一个图像，'img1'
当调用 img1 时，我想在 img1 屏幕上显示一个按钮，但我不知道该怎么做。

这是更改（）的js

function change(v) {
        var confirm = document.getElementById("target");
                 if (v == "imgA") {target.className = "cast1";}
            else if (v == "imgB") {target.className = "cast2";}
            else if (v == "imgC") {target.className = "cast3";}
            else if (v == "imgD") {target.className = "cast4";}

            else if (v == "imgE") {target.className = "question";}

            else if (v == "img1") {target.className = "bio1";}
            else if (v == "img2") {target.className = "bio2";}
            else if (v == "img3") {target.className = "bio3";}
            else if (v == "img4") {target.className = "bio4";}
                 else {target.className = "chart";}
}
document.querySelector("button").addEventListener("click", function(){
    document.querySelector("div").style.display = "block";
});

我应该使用多个 onclicks 吗？

我尝试了以下方法：添加一个具有绝对位置的 div，当用户单击 img1 时会出现该位置。

<a onClick="change('img1');" href="#"><img src="../name_footer/alexis-name.png" /></a>
<div id=blah style="position:absolute; top:500px; left:700px; width:130px; height:130px;"><a href="domain"></a>
4

1 回答 1

1

jsFiddle Demo

这将有助于查看更多代码，例如 function 的实现change。你的问题有点含糊。基本上要进行一些显示和点击，您可以使用 javascript 和 onclick 处理程序。这不应该内联完成。我添加了一个 id，以便您可以查看如何选择元素。这是一个非常初级的演示，您有很大的空间可以扩展它以使其适合您的情况。

<html><head>
<script>
 //wait for DOM ready to select image element
 window.onload = function(){
  //select anchor element
  var link = document.getElementById("link");
  //attach click handler
  link.onclick = function(){
   //code to execute when element is clicked
   change('img1');
  };
 };

 //function for handler
 function change(arg){
  //select image element
  var image = document.getElementById("image");
  //change source
  image.src = "../name_footer/" + arg + ".png";//this will change it to /img1.png
  //create a button
  var button = document.createElement("input");
  button.id = "img1Button";
  button.type = "button";
  button.value = "Display";
  //append button after img1
  image.parentNode.appendChild(button);
  //attach handler to button
  button.onclick = function(){
   //code for button
   alert("Button");
  };
 }
 //select anchor element
 var link = document.getElementById("link");
 //attach click handler
 link.onclick = function(){
  //code to execute when element is clicked
  change('img1');
 };
</script></head>
<body>
 <a id="link" href="#"><img id="image" src="../name_footer/alexis-name.png" /></a>
</body>
</html>
于 2013-09-24T15:20:18.653 回答