无法在 chrome 开发工具 javascript 控制台中打印变量

Question

下图指向用户名 (updatedBy) 的值，即 52038862。 我想通过调用存储该值的变量来打印该值。 table.

中显示的值

如何获取变量名称并在 javascript 控制台中打印出来。我需要在其他一些页面中显示此值。我正在新调试应用程序。我被困在这一点上。下面是我的 jsp 代码。

<label>Approval History</label>        
            </div>
            <div class="tile-body">
                <div class="tableWrapAtX">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Date/Time</th>
                                <th>User</th>
                                <th>Email Address</th>
                                <th>Old Status</th>
                                <th>New Status</th>
                                <th>Comment</th>                                
                            </tr>
                        </thead>
                        <tbody>                                         
                            <!-- ko foreach: approvalAuditTrail -->
                                <tr>
                                    <td><span data-bind="text: updated"></span></td>
                                    <td><span data-bind="text: updatedBy"></span></td>
                                    <td><span data-bind="text: updatedByEmail"></span></td>
                                    <td><span data-bind="text: oldStatus"></span></td>
                                    <td><span data-bind="text: approvalStatus"></span></td>
                                    <td><span data-bind="text: comments"></span></td>
                                </tr>
                            <!-- /ko -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

Answer 1

你能为该字段分配一个 ID 并以此方式引用它吗？

<td><span id="updateby" data-bind="text: updatedBy"></span></td>

创建一个变量 $foo 以在 DOM 中引用此数据。

$foo = document.querySelector('span#updateby');

检索 $foo 变量的属性，特别是实际的 int 值

$foo.textContent;

也有不同的参考方式，这个简单的例子是基于我对问题的理解。