javascript实现静态HTML数据查询，新增，獲取賬戶信息

这个问题比较模糊，不知道具体要求是什么，以下是一些基本的操作：

1. 静态HTML数据查询：

假设有以下HTML代码：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>18</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>25</td>
      <td>女</td>
    </tr>
  </tbody>
</table>

我们可以通过JavaScript来查询这个表格中的数据：

// 获取表格元素
var table = document.querySelector('table');

// 获取表头
var ths = table.querySelectorAll('thead th');

// 获取表格数据
var trs = table.querySelectorAll('tbody tr');

// 遍历数据
for (var i = 0; i < trs.length; i++) {
  var tds = trs[i].querySelectorAll('td');
  var data = {};
  for (var j = 0; j < ths.length; j++) {
    data[ths[j].textContent] = tds[j].textContent;
  }
  console.log(data);
}

输出结果：

{姓名: "张三", 年龄: "18", 性别: "男"}
{姓名: "李四", 年龄: "25", 性别: "女"}

2. 静态HTML数据新增：

假设有以下HTML代码：

<ul id="list">
  <li>苹果</li>
  <li>香蕉</li>
  <li>橘子</li>
</ul>

我们可以通过JavaScript来给这个列表新增一个水果：

// 获取列表元素
var list = document.getElementById('list');

// 创建新的列表项
var newItem = document.createElement('li');
newItem.textContent = '葡萄';

// 添加到列表中
list.appendChild(newItem);

3. 获取账户信息：

假设有以下HTML代码：

<div id="account">
  <h2>账户信息</h2>
  <p>
    姓名：<span class="name">张三</span>
  </p>
  <p>
    余额：<span class="balance">1000</span> 元
  </p>
</div>

我们可以通过JavaScript来获取账户信息：

// 获取账户元素
var account = document.getElementById('account');

// 获取姓名和余额
var name = account.querySelector('.name').textContent;
var balance = account.querySelector('.balance').textContent;

console.log('账户姓名：' + name);
console.log('账户余额：' + balance);