使用 JavaScript 中的 document 对象查找 HTML 元素，实现“登录
在JavaScript中，您可以使用document对象的方法来查找和操作HTML元素。以下是一些常用的方法：
getElementById(id)- 通过元素的ID获取一个元素。getElementsByClassName(className)- 通过元素的类名获取一个元素集合。getElementsByTagName(tagName)- 通过元素的标签名获取一个元素集合。querySelector(selector)- 通过CSS选择器获取第一个匹配的元素。querySelectorAll(selector)- 通过CSS选择器获取所有匹配的元素集合。
示例代码：
// 通过ID获取元素
var elementById = document.getElementById('loginButton');
// 通过类名获取元素集合
var elementsByClassName = document.getElementsByClassName('input-field');
// 通过标签名获取元素集合
var elementsByTagName = document.getElementsByTagName('p');
// 通过CSS选择器获取第一个匹配的元素
var firstMatchedElement = document.querySelector('.nav > ul > li:first-child');
// 通过CSS选择器获取所有匹配的元素集合
var allMatchedElements = document.querySelectorAll('p.paragraph');请确保在使用这些方法时，页面的DOM已经完全加载，通常可以将JavaScript代码放在<body>标签的底部或者使用window.onload事件来确保DOM完全加载。
评论已关闭