JavaScript が div 属性とスタイルを動的に作成するサンプル コード_javascript スキル

1. div 要素を作成します:

JavaScript コード

コードをコピーします コードは次のとおりです。次のように:

functioncreateElement(){
varcreateDiv=document.createElement("div"); ="Testcreateadivelement! ";
document.body.appendChild(createDiv)


functioncreateElement(){ !-- body でない場合は「ドキュメント」はありません-->



2. div 属性を作成します。


JavaScript コード

コードをコピー
コードは次のとおりです:

functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.title="thisisanewdiv."; .id="newDivId"; createDiv.class="newDivClass"; document.body.appendChild(createDiv); ;/script>

functioncreateElement(){
varcreateDiv=document.createElement("div"); thisisanewdiv.";
createDiv .id="newDivId";
createDiv.class="newDivClass";
createDiv.innerHTML="Testcreateadivelement!";
document.body.appendChild(createDiv);

createDiv.className = "name file_col"
}


3. div スタイルを作成します:


JavaScript コード




コードをコピーします


コードは次のとおりです次のように:

functioncreateElement(){
varcreateDiv=document.createElement("div"); createDiv.style.background="pink";
createDiv.style.border="1pxsolidred";
createDiv.style.height="50px"; 🎜>createDiv.innerHTML="テスト作成!"

document.body.appendChild(createDiv)