Javascript 如何显示getElementById（）的值。值

我正试图在屏幕上显示

getElementById（）的值。value

。因此，我有一个表单，我填写输入，而不是当按下按钮时，我想显示用户写入输入框的值// 我正在尝试这样做，如下所示：

<label id="l1"><script>document.writeln(document.getElementById('lastname').value)</script></label>

document.writeln（document.getElementById（'lastname'）.value）

但当我按下按钮时什么也没发生

---

我能做什么？请帮帮我，你必须先打开文档（）

不要使用document.writeln。使用DOM方法，如

.innerHTML

来设置元素的值。

尝试将其从标签中提取到javascript函数中，也尝试使用span或div来代替id标签。

尝试
script>document.writeln（document.getElementById（'lastname'）.getAttribute（'value'）

试试这个

document.addEventListener('load', function(){
var get_value_button=document.getElementById('get_value')

get_value_button.addEventListener('click', function(){
    var lastname_val = document.getElementById('lastname').value;
    document.getElementById('l1').innerHTML=lastname_val;
    return false;
}, true);

});

JSFIDLE示例是

您应该在加载文档后执行此操作，请参阅第一行代码

您应该获取元素并绑定“click”事件处理程序。第二行和第三行

在“单击”事件处理程序中，您应该获得值。第四行

然后获取label元素，并使用innerHTML将获得的值写入其中