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

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

WBOY

リリース： 2016-05-16 17:20:40

オリジナル

1271 人が閲覧しました

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)