單擊圖像不起作用

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");

DEMO：

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

 <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>

Answer 3

只要確保您的script標簽在img標簽上方

並將getElementByID更改為getElementById

<script>
function inp()
            {
                var y=document.getElementById("hiddenInput");
                y.type= "text";
            }
</script>

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

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

小提琴： 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 個解決方案

解決方案1
2 2018-02-21 06:11:23

解決方案2
1 2018-02-21 06:12:05

解決方案3
1 2018-02-21 06:14:35

解決方案4
0 2018-02-21 07:33:30

單擊圖像不起作用

問題描述

4 個解決方案

解決方案1 2 2018-02-21 06:11:23

解決方案2 1 2018-02-21 06:12:05

解決方案3 1 2018-02-21 06:14:35

解決方案4 0 2018-02-21 07:33:30

解決方案1
2 2018-02-21 06:11:23

解決方案2
1 2018-02-21 06:12:05

解決方案3
1 2018-02-21 06:14:35

解決方案4
0 2018-02-21 07:33:30