gpt4 book ai didi

javascript - 通过传递参数通过单击按钮来操纵表格列宽

转载 作者:太空宇宙 更新时间:2023-11-04 06:15:06 25 4
gpt4 key购买 nike

我是前端开发新手。我需要在 HTML 中显示我的数据 <table> (固定 <td> 宽度和高度)。如果数据超过 <td>宽度,我想提供一个按钮来扩展<td>的宽度.

我正在使用大量表列,因此不使用也不打算维护唯一的 id对于每个元素,所以 getElementById不是一个选择。

我的问题是,我可以传递 <td> 吗?反对 onclick()事件?或者,如果没有,还有其他方法吗?

我的代码贴在下面:

<script>
function myFunction()
{
<!-- Manipulate the object width-->
}
</script>

<body>
<table>
<tr>
<td>
<!-- Any way to pass td object to Function()-->
<button onclick= "Function()">Test</button>
</td>
</tr>
</table>
</body>

感谢任何帮助...

最佳答案

这应该解释如何将当前元素传递给函数。

  function myFunction(el) {
var tdEl = el.parentElement;
tdEl.style.width = tdEl.style.width == "100px" ? "200px" : "100px" ;
}
<body>
<table>
<tr>
<td style="width:100px">
<button onclick="myFunction(this)">Test1</button>
</td>
<td style="width:100px">
<button onclick="myFunction(this)">Test2</button>
</td>
<td style="width:100px">
<button onclick="myFunction(this)">Test3</button>
</td>
</tr>
</table>
</body>

关于javascript - 通过传递参数通过单击按钮来操纵表格列宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56052316/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com