テーブルの最後の行と同じプロパティを持つボタンを HTML で作成するにはどうすればよいですか?

Question

HTML にテーブルがあるとします:

リーリー

ここで、このテーブルの最後にボタンを追加したいだけです。このボタンの幅は、テーブルの最後の行 (つまり「連絡先」) の幅と同じである必要があります (背景色で示されます)。 。さて、どうすればいいでしょうか？ボタンを作成すると、ボタンは作成した幅のみを持ちます:

リーリー

次に、ボタン myBtn 要素の幅を「連絡先」行の幅に設定する JavaScript コードが必要ですか?

Answer 1

display: block と width: 100% をボタンに (CSS または JS を使用して) 追加すると、列の幅いっぱいに拡大されます。

リーリー リーリー

JS を使用したい場合は、これを行うことができます:

リーリー