document.getElementById赋值
在JavaScript中，`document.getElementById` 是一个非常常用的方法，用于通过元素的ID来获取页面中的HTML元素。一旦获取到该元素，就可以对其进行各种操作，包括赋值。本文将总结 `document.getElementById` 的基本用法以及如何通过它进行赋值。
一、基本概念
概念 说明
`document.getElementById(id)` 根据指定的ID查找HTML元素，返回对应的DOM对象
元素赋值 通过修改元素的属性或内容（如 `innerText`、`value`、`innerHTML`）来实现数据的赋值
二、使用方法
1. 获取元素
```javascript
var element = document.getElementById("myId");
```
- `myId` 是HTML中某个元素的 `id` 属性值。
- 如果找不到该元素，`element` 将为 `null`。
2. 赋值操作
根据不同的元素类型，可以采用不同的方式赋值：
元素类型 赋值方式 示例
- -
`` `element.value = "新值"` `document.getElementById("username").value = "张三";`
`
` 或 `
<script>
// 获取元素
var usernameInput = document.getElementById("username");
var greetingText = document.getElementById("greeting");
// 赋值
usernameInput.value = "小明";
greetingText.innerText = "你好，小明！";
</script>