javascript 枠線を追加する

javascript 枠線を追加する

javascriptで、style.borderを使用して、枠線を追加するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

style.border使い方

style.borderを使用すると、オブジェクトが空であるかを判定することが可能です。

サンプルコード

以下は、
「追加」ボタンをクリックすると、枠線を追加するだけの
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

枠線が追加されていることが確認できます。

また上記のコードのjs部のみを、getElementByIdを省略してアロー関数と三項演算子を使用して、以下のように簡略化することが可能です。