ホームページ > 記事 > ウェブフロントエンド > JavaScriptで要素の高さを設定する方法

JavaScriptで要素の高さを設定する方法

青灯夜游オリジナル: 2021-09-16 15:31:5810566ブラウズ

設定方法: 1. "document.getElementById("id value")" ステートメントを使用して、指定された要素オブジェクトを取得します。 2. "element object.style.height="value"" または "element" を使用します。 object.style" .cssText="height:value"" ステートメントを設定します。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JavaScript は要素の高さを設定します

1.要素オブジェクトを取得します

document.getElementById("id值")

2. 要素の高さを設定します

使用
object.style.property name="value"
Using
Object.style.cssText="属性名:値"

##Example

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
  	<textarea>文本框默认宽度</textarea><br>
    <textarea id="text1">文本框高度设置为50px</textarea><br>
	<textarea id="text2">文本框高度设置为100px</textarea>
	<script type="text/javascript">
		document.getElementById("text1").style.height="50px";
		document.getElementById("text2").style.cssText="height:100px";
	</script>
  </body>
</html>

レンダリング:

JavaScriptで要素の高さを設定する方法 [推奨学習:

JavaScript 上級チュートリアル

]

以上がJavaScriptで要素の高さを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript 对象

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：SafariブラウザのJavaScriptをオフにしてください次の記事：SafariブラウザのJavaScriptをオフにしてください

続きを見る