Javascript中的DOM操作

2012-11-14

<script type="text/javascript">
//DOM中 js的DOM操作类似于php DOM操作
//创建一个元素，参数是元素名
function showDiv(){
var new_div=document.createElement('div');

//给div设置大小和颜色，通过他的style属性来获得,但是设置具体的某个属性还是要根据具体的属性名来设置
new_div.style.width='100px';
new_div.style.height='100px';
//如果某个属性是由多个单词组成的话，采用驼峰法
new_div.style.backgroundColor='red';
new_div.id='div1';
//确定位置
document.body.appendChild(new_div);
var text=document.createTextNode('ASDFH');

new_div.appendChild(text);
alert(document.getElementById('div1').nodeName);
}

</script>
<input type="button" onClick="showDiv()" value="click">