javascript - 使用 JavaScript onClick 将类更改为事件

Question

我已尽力自己解决这个问题，但由于我是 Web 开发的新手，所以无济于事。这可能真的很基础，但我真的很感激一些帮助，因为我在这里兜圈子..

我有一个 Google map 搜索表单(本质上是一个商店定位器)，我为搜索结果所做的工作分为两个选项卡；一份 list 和一张 map 。

我想做的是，当在搜索表单中按下提交按钮时， map 选项卡始终处于事件选项卡。

这是 HTML 代码:

<ul class="nav nav-tabs" id="myTab">
  <li id="maptab" class="active"><a href="#resmap">Map</a></li>
  <li id="listtab" ><a href="#reslist">List</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="resmap">
    <div id="map_canvas"></div>
  </div>
  <div class="tab-pane" id="reslist">
    <div id="results">
      <ul class="res-list" id="list"></ul>
    </div>
  </div>
</div>

所以基本上对于 map 元素，我试图让代码返回

div class="tab-pane active"

和

li class="active"

大概我必须向提交按钮添加一个 onclick 元素？？

表单中提交按钮的html是

<input type="submit" name="op" id="edit-submit" value="Search" class="btn btn-primary" />

Answer 1

在您的情况下，我假设您正在尝试将“active”类添加到该 li 元素:

var button = document.getElementById('edit-submit');

button.onclick= function() {

    // this adds the 'active' class to the classes that the element already has
    var maptab = document.getElementById('maptab');

    maptab.className = maptab.className + ' active';
};