0 
<script type="text/javascript">
        function changeText2(){
            var userInput = document.getElementById('userInput').value;
            var lnk = document.getElementById('lnk');
            lnk.href = "https://www.facebook.com/sharer/sharer.php?u=http://facebook.com/" + userInput;
            lnk.innerHTML = lnk.href;
        }
        </script>


    <a href="" id=lnk></a> <br>
    <input type='text' id='userInput' value='' /> <br>
    <input type='button' onclick='changeText2()' value='Go'/>

あるウェブサイトでそのコードを見つけました。URLではなくimgを表示したいです...私はjavascriptが初めてです

4

1 に答える 1

2

このようなものが動作するはずです:

<a href="" id="fbLink" style="display:none;">
  <img src="YOUR_IMAGE_HERE.jpg"/>
</a>
<input type='text' id='userInput' value='' onchange="shLink()"/>
<script>
  function shLink(){
    if(document.getElementById("userInput").value!=""){
      if(document.getElementById("fbLink").style.display=="none"){
        document.getElementById("fbLink").style.display="";
        document.getElementById("fbLink").href="https://www.facebook.com/sharer/sharer.php?u=http://facebook.com/"+document.getElementById("userInput").value;
      }
    }else{
      document.getElementById("fbLink").style.display="";
      document.getElementById("fbLink").href="";
    }
  }
<script>

入力に値が入力されている場合、スクリプトはリンクの表示を切り替えます。入力値が変更されたときに呼び出されます ( onchange)。onkeypressまたは、ユーザーが入力に何かを入力するたびに関数を呼び出すために使用できます。

于 2013-04-02T20:43:03.987 に答える