Collection
Collection
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM访问节点</title>
</head>
<body>
<script type="text/javascript">
//通过对元素的ID 访问，这是DOM一个基础的访问页面元素的方法，返回的是单个节点
document.getElementById('')
//仅用于inputradio checkbox等元素，返回名子为name的元素数组返回的是节点列表
document.getElementsByName('')
//返回具有tagname的元素列表数组，处理大的DOM结构会用到它返回的是节点列表 TagName：标签名
document.getElementsByTagName('')
//返回具有ClassName的元素列表数组，处理大的DOM结构会用到它返回的是节点列表
document.getElementsByClassName('')
innerHTML // 特别注意：innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容；
// 如：<div id="aa">这是内容</div> ，我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；
// 也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。
//
getAttribute("如:找到iput value的值") //获取节点的值
setAttribute("需要被改的值","要改成的值") //设置节点的值
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例