Question

<p><button id="p3" class="btn btn-primary">Display all Minivans</button> 
   </p>
  <table class="table table-bordered" id="minivan-list">
            <tbody><tr class="clm-label"><td>Stock ID</td><td class="clm- 
              label">Make</td><td class="clm-label">Model</td><td class="clm- 
             label">Year</td><td class="clm-label">Type</td>
                      <td class="clm-label">Price</td><td class="clm- 
                    label">Mileage</td></tr>
                    </tbody></table>
          <hr>

所以我希望它在按下显示小型货车按钮的地方，它会显示所有小型货车的清单。

Answer 1

使用基本JavaScript函数替换表中的数据。单击该按钮时，它会调用所述函数。这是我能够帮助您而不会看到其余代码的最佳方法。

请尝试更好地描述您的问题，而不仅仅是在将来要求代码，因为Stack Overflow不是如何通过网站教您如何编程。当你遇到困难并尝试其他一切时，它是一个帮助你的网站。

<script>
    function displayMinivans(){
        var miniVanList == ["<tr><td>van1</td></tr>", "<tr><td>van2</td></tr>", "<tr><td>van3</td></tr>"];
        document.getElementByID('minivan-list').innerHTML = miniVanList;
    }
</script>

<p><button id="p3" class="btn btn-primary" onclick='displayMinivans()'>Display all Minivans</button> 
 <table class="table table-bordered" id="minivan-list">
.
.
.
.

什么是最好/最有效的方法呢？

1 个答案: