Question

所以我做了这个按钮，我从

改变了描述文字

 {description}

点击后，

到“否......”。这就是我所做的：

<!-- 
 function changeText(txt){
document.getElementById('name').innerHTML = txt;
 }

 // -->
 </script>
 <p> <b id='name'>{description}</b>. </p>
 <input type='image' onclick='changeText("No...")' src='http://i.imgur.com/4y6bzH9.png'
 style="margin-left:540px; margin-bottom:20px; position:absolute; outline:none;"/>
 <br /><br />
 <!--v comp-->
 <!-- 



 /*<body> </html>

我尝试在同一个按钮上再次单击另一次时更改描述文本，所以我尝试添加另一个onClick，以便在下次单击按钮时将描述文本更改为“另一个文本”。 / p>

<!-- 
 function changeText(txt){
document.getElementById('name').innerHTML = txt;
 }

 // -->
 </script>
 <p> <b id='name'>{description}</b>. </p>
 <input type='image' onclick='changeText("No...")';
  onclick='changeText("Another text")';src='http://i.imgur.com/4y6bzH9.png'
 style="margin-left:540px; margin-bottom:20px; position:absolute; outline:none;"/>
 <br /><br />
 <!--v comp-->
 <!-- 



 /*<body> </html>

我测试了它，它没有用。拜托，有谁知道我做错了什么？我还想知道是否有办法让文本有打字效果，如果可能的话？

Answer 1

您目前正在做的事情会覆盖之前的点击事件。试试这个：

    function changeText(txt){
        document.getElementById('name').innerHTML = txt;
        document.getElementById('name').onclick = function(){
           changeTxt('Another text...');
        };
   }

Answer 2

你不能这样做，因为最后一次onclick回调会覆盖之前的。

你必须改善你的javascript =＆gt; http://jsbin.com/zeyogufo/3/edit

按钮onclick多次更改文本？

2 个答案: