Question

我试过这个，有一个图像和一个输入字段。输入字段保持隐藏状态。当我单击图像时，输入字段将从隐藏更改为文本。

我尝试过的代码如下：

function inp()
{
  var y=document.getElementByID("hiddenInput");
  y.type= "text";
}

HTML:
    
<img src="lc.png" height="120px" onclick="inp()" />

<div><input type="hidden" id="hiddenInput" placeholder="What are you looking 
    for?"></div>

事情不起作用。图像不可点击，点击时没有任何反应。如果有人能告诉我问题在哪里，我会很高兴吗？

关于堆栈溢出有另外一个问题，询问如何使图像可点击，我尝试了代码，它出错了，所以我问错误在哪里..现在我得到了答案。这是一个愚蠢的错误，但我认为这是好的，因为我是新来的..感谢那些帮助我的人。我的问题现在解决了：）

Answer 1

您必须将 getElementByID 更改为 getElementById 。不同之处在于“ID”部分

Answer 2

var y=document.getElementByID("hiddenInput");将其更改为

var y=document.getElementById("hiddenInput");

<强>样本：

＆＃13;

function inp(){
  console.log("done");
  var y=document.getElementById("hiddenInput");
                y.type= "text";
}

＆＃13;

<img src="https://www.w3schools.com/howto/img_paris.jpg" height="120px" onclick="inp()" />

<div><input type="hidden" id="hiddenInput" placeholder="What are you looking 
for?"></div>

＆＃13;

Answer 3

确保您的t.test(cbind(x1, x2, x3))代码高于script代码

将img更改为getElementByID

getElementById

小提琴：https://jsfiddle.net/xya0tq8t/2/

或者

如果您使用单独的JS文件，请确保在DOM准备好后运行js代码

Answer 4

<!DOCTYPE html>
<html>
<body>

    <img src="lc.png" height="120px" onclick="inp()" />

    <div><input type="hidden" id="hiddenInput" placeholder="What are you looking 
    for?"></div>

<script>
  function inp() {
    document.getElementById("hiddenInput").setAttribute('type','text'); 
  }
</script>                
</body>
</html>

点击图片无法正常工作

4 个答案: