Question

好的，我有一个小问题。

我有以下

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

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

我想我需要做this.document但不确定

Answer 1

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

JavaScript的：

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

HTML：

<div id="container">
    <span class="spanright" onclick"showInput()">Update</span>
    <label class="myinfo"><b>Business information:</b></label>
</div>

Answer 2

希望这可能会让您对注册活动时的操作有所了解。 StackOverflow是关于你学习如何做某事的，所以我们不会为你编写脚本，我们只是想指出你正确的方向。

http://jsfiddle.net/WKWFZ/2/

如果可能的话，我建议您导入jQuery库，如示例中所做。它使javascript的世界变得更加容易！

要查找的文档：

http://api.jquery.com/insertAfter/

http://api.jquery.com/bind/

查看一些jQuery教程！那里有很多。

Answer 3

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

HTML：

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

使用Javascript：

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

这样，click事件将会运行一次，因为这是您可能想要的。

Answer 4

在jquery flavor中尝试这个 -

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

    });
});

检查小提琴 -

http://jsfiddle.net/swapnesh/yHRND/

单击span时javascript更改div html

4 个答案: