通过Java脚本动态修改添加到表格中的内容

时间:2020-04-29 作者:Joe

我想做的很简单,但我想不出来。假设您在脚本的全局范围内定义了此变量:

var contentOfRow = "<tr><td>hello</td></tr>";

然后,您就有了一个HTML表,上面有一个+添加按钮。在此按钮上,您可以指定onlick="addRow(contentOfRow)", 这样,每次单击+添加按钮时,就会在HTML表中添加一个新行,其内容等于contentOfRow. 这就是我所在的地方,所有这些都很有效。

不起作用的是,每次单击+添加按钮时,我都想修改contentOfRow (因此在addRow(contentOfRow)函数中),这样,如果再次单击,则随后单击+添加按钮只需将编程更新的内容添加到HTML表中。鉴于var 关键字,我只是重新分配了变量的值,如下所示:

contentOfRow = "<tr><td>newContent</td></tr>";

在addRow(contentOfRow)函数中。然而,如果我单击+添加按钮,无论单击多少次,它都会添加包含内容的原始行<tr><td>hello</td></tr>放在桌子上。我做错了什么?

1 个回复
最合适的回答,由SO网友:Joe 整理而成

找到了答案;如果实际将行内容存储为对象属性

var content.row1 = "<tr><td>hello</td></tr>";

然后在addRow()函数,现在不再接受任何参数,只需通过以下方式:

content.row1 = "<tr><td>newContent</td></tr>";

一切正常,然后单击+添加按钮将“newContent”行添加到HTML表中。

相关推荐

禁用jQuery javascript的Cloudflare Rocket Loader并使其首先加载

我使用Cloudflare Rocket Loader在我的站点上加速Javascript。问题是,它在加载jQuery本身之前加载某些需要jQuery的脚本,使它们无法正常工作。尽快禁用Rocket Loader以添加特定脚本data-cfasync=\"false\" 到<script src=\"\"> 我想知道如何将其添加到jQuery脚本中,因为Wordpress并不是简单地通过脚本标记加载jQuery。目前我的网站加载jquery-migrate.min.js 和jquery.js