关于 document.createElement(..)的转贴 

1.请问用dom方法:document.createElement("table");创建一个table,怎么没有指定table的位置等信息。
   2.div对象和span对象到底是个什么玩意啊?
   3.javascprit中的this.xxx中的this含义是什么呀?
   4.dom对象能够跨平台使用吗?

问题1:

  document.createElement("table")只是创建了一个对象,如果要把它添加到document中,还需要另外的方法(appendChild、insertAdjacentElement、insertBefore)

例子:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>

<body>
<table id="tab1" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr><td> </td></tr>
</table>

<script language="JavaScript">
  alert(document.documentElement.innerHTML)  //查看添加对象以前的源码
  oNewTable = document.createElement("table")
  
  //以下三种方法任选一种测试,注释掉其余两种
  document.body.appendChild(oNewTable)    //增加成为body的最后一个子元素
  document.body.insertBefore(oNewTable, tab1)  //增加成为body的子元素,位于tab1的前面
  tab1.insertAdjacentElement("beforeBegin", oNewTable)  //插入到tab1的前面(tab1是上面那表格对象的ID)
  //beforeBegin还可以换成"afterBegin", "beforeEnd" , "afterEnd"
  alert(document.documentElement.innerHTML) //查看添加对象以后的源码
  //更具体的用法请参考MSDN:http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp
</script>
</body>
</html>


问题2:

  DIV和SPAN不一定是层对象,只有在设置style.position = "absolute"时才是层对象,而其它很多对象(比如:IMG、TABLE)在设置了style.position = "absolute"时也可以是层对象,就是可以指定此对象的绝对位置(absolute),此时还可以设置style.left和style.top
  DIV和SPAN是没有特殊意义的,它一般用来作为其它对象的容器,用得最多的是作层对象

例子:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="tab1" style="position:absolute; left:100; top:100; background-color: #F2E6FF;">
  <tr><td>这是一个用TABLE作的层</td></tr>
</table>

<div style="position:absolute; left:50; top:50; background-color: #D2D2FF;">这是一个DIV作的层</div>
</body>
</html>


问题3:
  this就是当前对象

例子:

<table width="100%" onClick="aa(this)">
  <tr><td>这是一个TABLE,点击试试</td></tr>
</table>
<script language="JavaScript">
  function aa(oElement){
    alert(oElement.outerHTML)   //oElement就是上面在onClick事件里传递过来的TABLE对象
  }
</script>

 

问题4:
  DOM,W3C(万维网联盟)组织定义了DOM,是可以跨平台的,后来微软在W3C DOM上扩展了很多功能,只能用于IE高版本上

 

你可能感兴趣的:(JavaScript,table,div,border,reference,跨平台)