javascript - 使用 JavaScript 读取 HTML 表格

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 8 年前。

Improve this question

我在 JavaScript 方面遇到了麻烦。在我的网站中，我有一个表格，最后一列是一个文本字段。

如何在 JavaScript 中读取表格并将内容保存在数组中。见下表。

<table name="my-ajax-table">
            <thead>                    
                <th>Artikelbezeichnung</th>
                <th>Verkaufspreis</th>
                <th>Bestellmenge</th>
            </thead>
            <tbody>
                <tr id="d1">
                    <td id="drink_name">Cola</td>
                    <td id="drinks_price">6.98</td>
                    <td><input type="text" id="order_amount" value="" name="colaamount"></td>
                </tr>
                <tr id="d2">
                    <td id="drink_name">Fanta</td>
                    <td id="drinks_price">6.98</td>
                    <td><input type="text" id="order_amount" value="" name="order_amount"></td>
                </tr>

            </tbody>
            <br/>
        <br/>
        </table> 

Answer 1

我想如果我理解正确的话，问题应该是这样的:

var tds = document.getElementsByTagName('td');
var total_array = [];

for(var i = 0; i < tds.length; i++){
    if(tds[i].className === 'drink_name' || tds[i].className === 'drink_price'){
        total_array.push(tds[i].innerHTML);
    }
}

document.getElementById('test').innerHTML = total_array;

我制作了一个名为 test 的 div，它在屏幕上显示数组，但这当然不是必需的。请记住，我也稍微更改了您的 HTML(主要是类)。

https://jsfiddle.net/tbLxtmwg/