Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで列の幅を返すか設定するにはどうすればよいですか?


JavaScriptを使用するcolumnWidth 列の幅を設定するプロパティ。

次のコードを実行して、JavaScriptで列の幅を設定してみてください。

<!DOCTYPE html>
<html>
   <body>
      <p>Set the width of the columns</p>
      <button onclick="display()">Change Width</button>
      <div id="myID">
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
      </div>
      <script>
         function display() {
            document.getElementById("myID").style.columnWidth = "70px";
         }
      </script>
   </body>
</html>

  1. JavaScriptでテキストのフォントサイズを設定するにはどうすればよいですか?

    フォントサイズを設定するには、 fontSizeを使用します JavaScriptのプロパティ。次のコードを実行して、JavaScriptでテキストのフォントサイズを設定してみてください- 例 <!DOCTYPE html> <html> <body> <h1>Heading 1</h1> <p id = myID> This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.

  2. JavaScriptで要素の水平方向の配置を設定するにはどうすればよいですか?

    要素を水平方向に配置するには、 cssFloatを使用します プロパティ。 例 次のコードを実行して、JavaScriptで要素の水平方向の配置を設定できます- <!DOCTYPE html> <html>    <body>       <img id="myID" src="https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" width="300