js给textbox赋值

在JavaScript中，给文本框（<input type="text"> 或 <textarea>）赋值可以通过多种方式实现。以下是一些基础概念和相关方法：

基础概念

DOM（Document Object Model）：JavaScript通过DOM与HTML文档进行交互，可以获取、修改HTML元素的内容和属性。
元素选择：通过ID、类名、标签名等方式选择HTML元素。

应用场景

表单初始化：在页面加载时，根据某些条件或数据初始化表单字段。
动态更新：根据用户操作或其他事件动态更新文本框的内容。
数据绑定：在前端框架（如React、Vue）中，实现数据与视图的双向绑定。

示例代码

假设有一个HTML页面包含一个文本框和一个按钮，点击按钮时给文本框赋值：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Textbox Assignment</title>
</head>
<body>
    <input type="text" id="myTextbox">
    <button onclick="assignValue()">Assign Value</button>

    <script>
        function assignValue() {
            document.getElementById('myTextbox').value = 'Hello, World!';
        }
    </script>
</body>
</html>