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

【问题标题】：Not able to print the variable in chrome dev tools javascript console无法在 chrome 开发工具 javascript 控制台中打印变量
【发布时间】：2019-03-31 07:40:05
【问题描述】：

下图指向用户名（updatedBy）的值，即 52038862。我想通过调用存储这个值的变量来打印这个值。表格中显示的值。

如何获取变量名并在 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>

【问题讨论】：

该值是存储在变量中还是仅存储在 html 中
我已经更新了问题的描述。添加来自approval.jsp的jsp代码

标签： google-chrome javascript debugging developer-tools

【解决方案1】：

您能否为该字段分配一个 ID 并以这种方式引用它？

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

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

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

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

$foo.textContent;

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

【讨论】：