也许这是重复的,我不知道
但是我如何让我的文本输入变成文本呢?
<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
-标签更改
到用户名:文本输入
几乎像登录一样,但没有服务器和电子邮件等。
最佳答案
试试下面的代码:
<input type='text' id='input_id' />
<button id='saveName' onClick="callMethod()">Save name</button>
<div id='box_id'></div>
<script>
function callMethod(){
var name = document.getElementById('input_id').value;
document.getElementById('box_id').innerHTML = 'Welcome ' + name;
}
</script>
关于javascript - 通过单击按钮更改 div 中的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21239319/