将span的内容添加到div中并使其在按钮单击时可见

时间:2013-10-15 05:03:53

标签: javascript

当用户在我的页面上输入url时,我会收到一些内容。 我想,当用户点击按钮时,内容应设置为<div>,之后应显示div。

这是我的小提琴:

http://jsfiddle.net/karimkhan/qx4AB/

2 个答案:

答案 0 :(得分:1)

试试这个:

<body>
<div height="40" style="display:none" width="50" border="2" id="d1">
</div>
<span id="s1">This should be included into into div on button click</span>
<button type="submit" onclick="myfunc();"> Button</button>
</body>
<script>
    function myfunc() {
        var html = document.getElementById("s1").innerHTML;
        document.getElementById("d1").style.display = "block";
        document.getElementById("d1").innerHTML = html;
    }
</script>

答案 1 :(得分:1)

你的小提琴里有一些错别字。这是一个修改版本:

http://jsfiddle.net/yRsqJ/1/

HTML:

<div style="border:1px solid black;height:40px;display:none;" id="d1">
</div> 
<span id="s1">This should be included into into div on button click</span>
<button type="submit" onclick="myfunc()">Button</button>

SCRIPT:

function myfunc()
{

document.getElementById('d1').innerText=document.getElementById('s1').innerText;
document.getElementById('d1').style.display='block';
}

顺便说一句,如果可以的话,为什么不使用jquery。

以下是在jquery中执行此操作的一种方法:

http://jsfiddle.net/qx4AB/17/

HTML:

<div id="d1">
</div> 
<span id="s1">This should be included into into div on button click</span>
<button id="btn" type="submit">Button</button>

SCRIPT:

$('#btn').click(function()
{
    myfunc();
});

function myfunc()
{
var div = $('#d1');

var spanText = $('#s1').text();

 div.text(spanText);

 d1.show();
}