Question

我正在使用healcode在我的网站上显示mindbody数据。我正在使用healcode小部件，问题是我只能改变CSS而不是触摸HTML小部件在表格中提供数据，这对我的需求非常有限。我希望能够创建html结构，或至少操纵当前结构。

是否可以使用CSS或Javascript或两者从表中提取内容和数据并重新创建我选择的HTML结构？

Answer 1

当然，你可以通过JavaScript实现这一点，尽管这是一个相当广泛的问题。你必须获得你需要操作的表元素（比如，如果它有和someId，你必须使用var table = document.getElementById('someId');），然后操纵它table.innerHTML（可能是一个好的开始）使用DOM API的孩子或其孩子：比如，对于this page（＆＃34;参数值＆＃34;表），您可以在浏览器控制台中尝试：

// first table with the "w3-table-all notranslate" class
var table = document.getElementsByClassName("w3-table-all notranslate")[0];

table
    .children[0] // will get the tbody element
    .children[1] // will get the second row from the tbody element
    .children[0] // will get the first (colomn) cell in the second row
    .innerHTML;  // will show you html contents of the cell in the console

// change the cell contents
table.children[0].children[1].children[0].innerHTML = "<b>I've changed this stuff!</b>";

// you may also want to remember rows/cells:
var row = table.children[0].children[1];
var cell = row.children[0];

基本上就是它。

使用javascript从表中提取数据

1 个答案: