开发者问题收集

无法将表 td 值传递给 JS 函数变量

2019-01-08
83

我尝试将 HTML 的表格 td 值传递给 JS 变量,但该值未从 html 传递到 js 函数。

HTML -

<table id="persontable" class="table table-bordered">
    <thead>
        <tr>
            <th>person name</th>
            <th>address</th>
        </tr>
    </thead>
    <tbody class="person_table">
        <% @my_persons.all.each do |person| %>
        <tr>
            <td id="selectedPerson" style="word-break:break-all;">
                <%=person.name%>
            </td>
            <td>
                <b id="person_address" style="float: right;">Not available </b>
                <!--&nbsp;&nbsp;<b id="confirm_person"></b>-->
            </td>
        </tr>
    </tbody>
</table>

JS -

function getSelectedPerson() {
    var person_name = document.getElementById("selectedPerson").value;
    alert(person_name)
}

我得到了一个空值。

1个回答

并非所有元素都支持 value 属性。有关支持 value 属性的元素,请参阅

对于 td ,您可以使用 innerText 作为 document.getElementById("selectedPerson").innerText

Elish
2019-01-08