手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript动态创建div属性和样式示例代码
JavaScript动态创建div属性和样式示例代码
摘要:1.创建div元素:Javascript代码复制代码代码如下:functioncreateElement(){varcreateDiv=do...

1.创建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);

divFileitem.appendChild(divName); <>

}

</script>

2.创建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);

<>

createDiv.className = "name file_col";

}

</script>

3.创建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>

【JavaScript动态创建div属性和样式示例代码】相关文章:

JavaScript中关联原型链属性特性

JavaScript动态添加style节点的方法

Javascript特效:随机显示图片的源代码

基于JavaScript实现动态添加删除表格的行

javascript元素动态创建实现方法

JavaScript获得指定对象大小的方法

JavaScript实现DIV层拖动及动态增加新层的方法

javascript实现动态改变层大小的方法

javascript组合使用构造函数模式和原型模式实例

JavaScript正则表达式之multiline属性的应用

精品推荐
分类导航