javascript在单击span时更改div html

好的，我有一个小问题

我有以下几点

<div><span class="spanright" onclick"">Update</span><label class="myinfo"><b>Business information:</b></label></div>

更新业务信息：

我想做的是，当用户单击span时，它会在标签添加输入框和提交按钮后更改html

---

我想我需要做一个

这个文档

，但不确定

我添加了一个保存输入的表单

JavaScript:

function showInput()
{
    document.getElementById('container').innerHTML += '<input type="text"/><input type="submit"/>';
}

函数showInput（）
{
document.getElementById（'container'）。innerHTML+=''；
}

HTML:

更新
业务信息：

在jquery风格中尝试此功能--

检查小提琴--

---

您好，希望这能让您稍微了解一下注册活动时该怎么做。StackOverflow是关于你学习如何做一些事情，所以我们不会为你写脚本，我们只是试图为你指出正确的方向

如果可能的话，我建议您像示例中那样导入jQuery库。它使javascript的世界变得更加简单

要查找的文档：

---

查看一些jQuery教程！他们中有很多人

召唤师的答案是正确的，但我更喜欢使用jquery（我使用的几乎每个页面都会加载jquery）：

HTML:

更新
业务信息：
​

Javascript:

​$(".spanright").click(function(){
    $("#container").append('<br /><input type="text"/><input type="submit"/>');
    $(".spanright").unbind('click');
})​​;​

​$（“.spanright”）。单击（函数（）{
$（“#容器”）.append（“
”）；
$（“.spanright”）.unbind（'click'）；
})​​;​

这样，单击事件将只工作一次，因为这可能是您想要的

$(document).ready(function(){
    $(".spanright").click(function(){
    $(".myinfo").css("color","red");

    });
});

<div id="container">
    <span class="spanright">Update</span>
    <label class="container"><b>Business information:</b></label>
</div>​

​$(".spanright").click(function(){
    $("#container").append('<br /><input type="text"/><input type="submit"/>');
    $(".spanright").unbind('click');
})​​;​