Question

以下是我的代码。第一部分是JS代码，第二部分是HTML。

$('#table').on('check.bs.table', function (e, row) {
    checkedRows.push({First: row.fname, Second: row.sname});
    var test = console.log(checkedRows);
    document.getElementById("xyz").innerHTML=test;
});


<p id="xyz"></p>

我想基本上从表格到我的html页面输出名字和姓氏但不知何故它不起作用。从表中选择行时，console.log打印得很好。我想再次从console.log访问所选数据，以便在我的html页面上查看。

Answer 1

如果您只想使用对象测试数组，请使用 JSON Stringify ：

// Say, after several .push() our array looks like:

var checkedRows = [
  {First:"John", Second: "Doe"},
  {First:"Mary", Second: "Jane"},
];

// console.log(checkedRows);

document.getElementById("xyz").innerHTML = JSON.stringify(checkedRows, null, 4);

<pre id="xyz"></pre>

如果您只想打印像“John Doe”或“Mary Jane”这样的字符串，而不是使用

$('#table').on('check.bs.table', function (e, row) {

    var person = {First: row.fname, Second: row.sname}; // Store data into variable

    checkedRows.push( person ); // Push person Object to checkedRows Array

    console.log( checkedRows );
    console.log( person );

    document.getElementById("xyz").innerHTML = person.First +" "+ person.Second ;
    // or use:
    document.getElementById("xyz").innerHTML = row.fname +" "+ row.sname ;
});

将Javascript console.log输出存储到变量然后在html中访问该变量？

1 个答案: