Question

我正在尝试从输入中获取文本，因为开始就是＆＃34;你的敌人！＆＃34;而这篇文章我需要将我所展示的内容放入图片中。我只想点击按钮，按钮将显示图片，在那张图片上将是文字（我也需要稍微编辑该文字的位置）它可以做CSS样式什么将使用我的位置然后在var上使用它们恩？也可以多次单击该按钮，每当我在输入中更改文本时，它将采用新文本，删除或隐藏带有旧文本的图片并显示带有新文本的图片。

Enemy: <input type="text" value="YOUR ENEMY!" id="enemy">
    <br>
    <input type="button" value="BEAT UP YOUR ENEMY" onclick="dinos()"/>
    <br>
    <img id="loadingImage" src="dino.gif" style="visibility:hidden"/>
    <script>
    function dinos()
    {
    document.getElementById('loadingImage').style.visibility='visible';
    var en = document.getElementById("enemy").value; 
    }
    </script>

Answer 1

也许使用z-index CSS属性？

＆＃13;

ENEMY: <input type="text" value="YOUR ENEMY!" id="enemy">
    <br>
    <input type="button" value="BEAT UP YOUR ENEMY" onclick="dinos()"/>
    <br>
    <img id="loadingImage" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150" style="visibility:hidden"/>
<label style="z-index: 10; position: absolute; left: 30px; top: 100px;" id="LOL">Enemy's name</label>
    <script>
    function dinos()
    {
    document.getElementById('loadingImage').style.visibility='visible';
    var en = document.getElementById("enemy").value; 
      document.getElementById("LOL").innerHTML = en;
    }
    </script>

＆＃13;

希望这有帮助！

从输入到图片

1 个答案: