javascript - 如何通过id传入参数？

Question

这可能是一个愚蠢的问题，因为我在任何地方都没有找到有关我的具体问题的任何信息，这是我的第一个 javascript/html 项目。

我想通过关联的 id(book1 和 Price1)传递一本书的名称及其价格。我的想法是这样，如果名称或价格稍后发生变化，函数“addToCart(book1,price1)”将自动传入更新的名称/价格。是否可以在 javascript/html5 中以这种方式将字符串传递到函数中？

这是部分代码:

<td>
    <span class="bookName" id="book1">
        <b>Artificial Intelligence: Modern Approach</b>
    </span> <br>
    <b>PRICE: $</b> 
    <span id="price1"> 158.55 </span> 
    <button type="button" onclick="addToCart(book1, price1)">Add to cart!</button>
</td>

提前致谢!

Answer 1

HTML

<button type="button" onclick="addToCart('book1', 'price1')">Add to cart!</button>

JS

function addToCart(productId, priceId) {
    // ...
}

关于您的代码的一些其他注释:

• 使用<br />而不是<br> ，否则它不是有效的 HTML
• 最好使用 <label>标签，这使得它更容易访问

例如

<label for="price1">PRICE:</label>
<span>$</span>
<span id="price1">158.55</span>

• 通常最好将事件挂接到单独的 JavaScript 文件(或 <script> 标记)中，而不是 HTML 属性中。这可以更清晰地分离您的功能和标记/UI