More than 3 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