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

Question

我正在尝试将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)
}

我得到一个空值。

Answer 1

并非所有元素都支持value属性。有关支持value属性的元素，请参见this。

对于td，您可以将innerText用作document.getElementById("selectedPerson").innerText