lwc bodyのonload
connectedCallback()はコンポーネントが準備できた状態に実行される
renderedCallback()がスクリプト的なonload相当⇒エレメント取れる状態
トリッキーだけど
templeteの上にbodyタグ付けてスクリプトを実行する方法もある模様
<template id="myTemplate">
<p>I am under HTML template tag.</p>
</template>
⇒
// newer feature
function loadTemplate1(){
var template = document.querySelector("#myTemplate");
var cloneTemplate = template.content.cloneNode(true);
document.body.appendChild(cloneTemplate);
}
//older feature
function loadTemplate2(){
let template = document.getElementById('myTemplate');
let templateContent = template.content;
document.body.appendChild(templateContent);
}
<script src="myJs.js"></script>
<body onload="loadTemplate1();">
<template id="myTemplate">
<p>I am under HTML template tag...</p>
</template>
</body>