在网页开发过程中，我们经常需要获取HTML元素的内容以及表单元素的状态，以便更好地与用户进行交互和收集数据。这不仅能够帮助我们理解用户的操作，还能使我们的网页更加动态和智能。

首先，对于普通的HTML内容，我们可以使用`innerHTML`属性来获取其内容。例如：

```javascript

let content = document.getElementById('example').innerHTML;

console.log(content);

```

接下来，当涉及到表单元素时，比如文本框、单选按钮、复选框等，我们需要使用不同的方法来获取它们的状态。例如，对于文本框（``），可以使用`value`属性来获取用户输入的

```javascript

let userInput = document.getElementById('userInput').value;

console.log(userInput);

```

而对于单选按钮或复选框，则可以通过检查它们的`checked`属性来确定用户是否选中了某个选项：

```javascript

let isChecked = document.querySelector('input[name="option"]:checked').value;

console.log(isChecked);

```

掌握这些基本技巧后，你就可以轻松地获取并处理用户在网页上的各种输入和选择啦！🚀