Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在页面上发布用户名_Javascript_Html - Fatal编程技术网

Javascript 在页面上发布用户名

Javascript 在页面上发布用户名,javascript,html,Javascript,Html,有什么方法可以让我获取和显示文本输入 像这样: document.getElementById('input_id') <input type="text" placeholder="username" id="input_id"> document.getElementById('input_id')) 然后输出如下: document.showElementById('box_id') <div id="box_id">Welcome + text input

有什么方法可以让我获取和显示文本输入

像这样:

document.getElementById('input_id')

<input type="text" placeholder="username" id="input_id">
document.getElementById('input_id'))
然后输出如下:

document.showElementById('box_id')

<div id="box_id">Welcome + text input</div>
document.showElementById('box\u id'))
欢迎+文本输入
使用此选项:

var name = document.getElementById('input_id').value;
document.getElementById('box_id').innerHTML = "Welcome " + name;
就这样

编辑 检查代码时,看起来您想要创建一个
showElementById
方法

微不足道,但以防万一:

function showElementByIds(inputId, divId){
    var name = document.getElementById(inputId).value;
    document.getElementById(divId).innerHTML = "Welcome " + name;
}
然后,要使用它:

showElementByIds('input_id', 'box_id');

干杯

document.getElementById('box_id')。innerHTML=“Welcome”+document.getElementById('text_id')。value
它似乎不起作用。。。我有脚本,但是html会是什么样子?
showElementByIds('input_id', 'box_id');