javascript 创建标签并设置样式

来源:互联网 发布:大数据用户行为分析 编辑:程序博客网 时间:2024/06/04 00:48
<script type="text/javascript">
/*
动态创建一个div。
动态的给div加宽度200px,高度200px,背景色#f00;


背景色
在div中动态添加一个P标签,内容为Hello Javascript;
P标签
内容
* */
//创建div
var div=document.createElement('div'); 
div.style.width = "200px"; 
div.style.height = "200px";
div.style.background = "red";
div.style.textAlign= "center";
div.style.lineHeight= "200px";
div.style.margin="0 auto";
//创建p
var p=document.createElement('p');
//追加
div.appendChild(p);
document.body.appendChild(div);
p.innerHTML=('Hello Javascript');
</script>
0 0