国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

本文向大家介紹一下如何使用JavaScript創(chuàng)建div節(jié)點(diǎn)元素，主要包括創(chuàng)建div節(jié)點(diǎn)元素的屬性和創(chuàng)建div節(jié)點(diǎn)元素的樣式兩大部分內(nèi)容，相信本文介紹一定會(huì)讓你有所收獲。

JavaScript創(chuàng)建div的屬性和樣式

問(wèn)題域：

如何由JavaScript創(chuàng)建div節(jié)點(diǎn)元素：

◆創(chuàng)建div節(jié)點(diǎn)元素的屬性；

◆創(chuàng)建div節(jié)點(diǎn)元素的樣式；

解決方案：

1.創(chuàng)建div元素：

Javascript代碼

    
<scripttypescripttype="text/javascript">     
functioncreateElement(){      
varcreateDiv=document.createElement("div");      
createDiv.innerHTML="Testcreateadivelement!";      
document.body.appendChild(createDiv);      
}      
</script>     
     
<scripttypescripttype="text/javascript">     
functioncreateElement(){      
 varcreateDiv=document.createElement("div");      
 createDiv.innerHTML="Testcreateadivelement!";      
 document.body.appendChild(createDiv);      
}      
</script>     
     

2.創(chuàng)建div的屬性：

Javascript代碼

    
<scripttypescripttype="text/javascript">     
functioncreateElement(){      
varcreateDiv=document.createElement("div");      
createDiv.title="thisisanewdiv.";      
createDiv.id="newDivId";      
createDiv.class="newDivClass";      
createDiv.innerHTML="Testcreateadivelement!";      
document.body.appendChild(createDiv);      
}      
</script>     
     
<scripttypescripttype="text/javascript">     
functioncreateElement(){      
 varcreateDiv=document.createElement("div");      
 createDiv.title="thisisanewdiv.";      
createDiv.id="newDivId";      
 createDiv.class="newDivClass";       
 createDiv.innerHTML="Testcreateadivelement!";      
 document.body.appendChild(createDiv);      
}      
</script>     
     

3.創(chuàng)建div的樣式：

Javascript代碼

    
<scripttypescripttype="text/javascript">     
     
functioncreateElement(){      
varcreateDiv=document.createElement("div");      
createDiv.style.background="pink";      
createDiv.style.border="1pxsolidred";      
createDiv.style.width="50px";      
createDiv.style.height="50px";      
createDiv.innerHTML="Testcreateadivelement!";      
document.body.appendChild(createDiv);      
}      
</script>