DOM

来源:互联网 发布:淘宝食品流通许可证办理 编辑:程序博客网 时间:2024/05/17 23:23

<script>
function showdiv(){
//DOM js的DOM操作, 类似于php DOM操作XML
//创建一个元素,参数是元素名
var new_div = document.createElement('div');
//给div设置大小颜色,通过他的style属性来获得,但是具体的某个属性还是要根据具体的属性名来设置
new_div.style.width = '100px';
new_div.style.height = '100px';
new_div.style.backgroundColor='blue';
new_div.id='div1';
//确定位置
document.body.appendChild(new_div);
var text=document.createTextNode('abcd');
new_div.appendChild(text);
alert(document.getElementById('div1').nodeName);

}
</script>
</head>

<body>
<input type="button" onclick="showdiv()" value="click">
</body>