js的DOM操作

来源：互联网发布：ubuntu apt jdk8 编辑：程序博客网时间：2024/05/17 23:54

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />

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 = 'red';
  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>