More than 5 years have passed since last update.

JavaScriptによる共通HTMLの挿入

HTML
JavaScript

Posted at 2019-06-07

JQueryを使わずにheader・footerなどの共通のHTML文をJavaScriptで挿入する方法です。
といっても、innerHTMLで挿入するだけなんですけどね・・・

#HTML

index.html

<!DOCTYPE html>
<html>
<head>
	<title>innerTest</title>
	<script type="text/javascript">
		function header(){
		var h = document.getElementById("header");
		h.innerHTML = "HelloWorld";
	}
	</script>
</head>
<body>
	<div id="header"></div>
	<script type="text/javascript">header();</script>
</body>
</html>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up