javascript - 通过单击按钮更改div中的内容

标签 javascript jquery html css

也许这是重复的,我不知道

但是我如何将我的文本输入更改为文本?

<input type='text' id='input_id' /> 
<button id='saveName'>Save name</button> 
<div id='box_id'></div> 

<script> 
    document.getElementById('saveName').addEventListener('click', function() { 
        var name = document.getElementById('input_id').value; 
        document.getElementById('box_id').innerHTML = 'Welcome ' + name; 
    }, false); 
</script>  


因此,当按下按钮时,input标签和
button-标记更改

到用户名:文本输入

几乎就像一个登录名,但没有服务器和电子邮件等。

最佳答案

如果您想同时取消输入和按钮,则可以将其添加到JavaScript中:

document.getElementById('saveName').remove();
document.getElementById('input_id').remove();


JSFiddle

关于javascript - 通过单击按钮更改div中的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21239319/

相关文章:

javascript - 使用 JavaScript 访问跨域 iframe 元素

javascript - 在iFrame中设置Cookie

Javascript 对象继承

javascript - 在 Sails JS 中上传和显示图像

javascript - 当所有动画完成时 clearInterval() 和 setInterval()

javascript - JQuery - 粘贴事件,剥离富文本

javascript - 创建一个没有固定重叠动画的jquery固定动画

javascript - 如何测试 AWS lambda

javascript - 带有用于单词/文本的关闭按钮的面板

javascript - 如何使用 React 添加帖子?