问题描述： 当表格中有输入框时，需要解决以下问题：

1. 如何获取输入框中的值？
2. 如何处理输入框中的值？
3. 如何监听输入框值的变化？

解决方法：

1. 获取输入框中的值：

   • 可以通过事件监听的方式来获取输入框中的值。例如，在输入框的input事件中获取输入框的值。
   • 可以通过DOM操作来获取输入框中的值。例如，通过getElementById()或querySelector()等方法获取输入框的值。

2. 处理输入框中的值：

   • 可以将输入框的值存储到变量中，然后进行处理。例如，将输入框的值存储到一个变量中，然后使用该变量进行后续操作。
   • 可以直接在事件处理函数中处理输入框的值。例如，在输入框的input事件处理函数中，直接处理输入框的值。

3. 监听输入框值的变化：

   • 可以通过事件监听的方式来监听输入框值的变化。例如，在输入框的input事件中监听输入框值的变化。
   • 可以使用MutationObserver来监听输入框值的变化。例如，创建一个MutationObserver实例，观察输入框值的变化。

示例代码： HTML代码：

JavaScript代码：

// 获取输入框中的值
var input1 = document.getElementById('input1');
var input2 = document.getElementById('input2');

input1.addEventListener('input', function(event) {
  var value = event.target.value;
  // 处理输入框中的值
  console.log('Input 1 value:', value);
});

input2.addEventListener('input', function(event) {
  var value = event.target.value;
  // 处理输入框中的值
  console.log('Input 2 value:', value);
});

上述代码中，使用addEventListener()方法监听输入框的input事件，通过event.target.value获取输入框的值，并进行处理。在示例中，将输入框的值打印到控制台上。