JavaScript动态创建div属性和样式示例代码【javascript】

web前端|js教程 JavaScript动态创建div属性和样式示例代码【javascript】

动态创建,div属性,div样式

web前端-js教程

1.创建div元素：

图片滚动年终抽奖程序源码,ubuntu镜像使用帮助,tomcat版本和jdk的关系,python爬虫工作内容,php数组中的数值转为下标,seo排名失败lzw

Javascript代码

powerbuilder源码,vscode配什么编译器,ubuntu打开23,tomcat配置本机ip,自制爬虫盒,php收银系统源码,四川省seo优化,wordpress企业网站制作视频教程lzw

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

2.创建div的属性：

手机交友引流源码,vscode快速选择字段末尾,ubuntu 刷手机,tomcat漏洞扫描软件,码农爬虫,php大会北京,金华seo推广服务哪家好,c 网站免费源码下载,易支付简约模板lzw

Javascript代码

 
functioncreateElement(){ 
varcreateDiv=document.createElement("div"); 
createDiv.title="thisisanewdiv."; 
createDiv.id="newDivId"; 
createDiv.class="newDivClass"; 
createDiv.innerHTML="Testcreateadivelement!"; 
document.body.appendChild(createDiv); 
} 
functioncreateElement(){ 
varcreateDiv=document.createElement("div"); 
createDiv.title="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.width="50px"; 
createDiv.style.height="50px"; 
createDiv.innerHTML="Testcreateadivelement!"; 
document.body.appendChild(createDiv); 
}