BinaryDevelop
  1. ホーム
  2. js

ブラウザがエラーを報告します。nullのプロパティ 'style' を読み取ることができません

2022-02-25 07:39:32
<パス 
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">

		#tim{
			width: 100px;
			height: 100px;
			background: red;
			margin: 0 auto;
		}
	</style>
	<script type="text/javascript">
			var oDiv=document.getElementById('tim')
			function change(styleattr,value){
					oDiv.style[styleattr]=value
			}
			</script>
</head>
<body>
	<button id="taller" onClick="change('height','300px')">heighten</button>
	<button id="longer" onClick="change('width','300px')">grow</button>
	<button id="changebg" onClick="change('background','black')">Change background color</button>
	<div id="tim" ></div>
</body>
</html>

理由 ページの読み込みが終了する前にその要素の属性を取得したため、属性の取得に失敗した

解決方法 スクリプトをbodyの下に置いて、ページが読み込まれたときに、jsが呼び出されたプロパティを取得できるようにする必要があります。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します