DOM类函数的介绍：
1. **`document.getElementById(id)`**:
- 这个函数用于获取具有特定ID的元素。它返回与给定ID匹配的DOM元素。如果没有元素匹配这个ID，则返回`null`。
2. **`document.querySelector(selector)`**:
- 这个函数返回文档中匹配指定CSS选择器的第一个元素。它是一个更通用的函数，可以通过任何合法的CSS选择器来查找元素，包括类名、ID、属性等。
3. **`element.textContent`**:
- 这是一个属性，允许你获取或设置指定元素的文本内容。与`innerHTML`不同，`textContent`仅包含元素的文本，不包括任何HTML标签。
4. **`element.innerHTML`**:
- 这个属性用于获取或设置元素的HTML内容。与`textContent`不同，它包含元素的HTML标记，因此可以用来更改元素的结构。
5. **`element.checked`**:
- 这是一个属性，用于获取或设置复选框、单选按钮等元素的选中状态。设置为`true`表示元素被选中，设置为`false`表示元素未被选中。
这些函数和属性是操作DOM时非常基础且强大的工具，能够让你在JavaScript中有效地选择和修改页面内容。
事件绑定的实现：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="button" value="事件绑定1" id="btn1" onclick="on1()">
<input type="button" value="事件绑定2" id="btn2">
</body>
<script>
function on1(){
alert("事件绑定1被点击了")
}
document.getElementById("btn2").onclick = function(){
alert("事件绑定2被点击了")
}
</script>
</html>
扫一扫
797
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
