今天新用到了几个东东：createElement，insertBefore，parentNode，写下备忘。

 

1、createElement

说明：

oElement = document.createElement(sTag)
Parameters

sTag Required. String that specifies the name of an element.

Return Value

Returns a reference to the new element.

作用：建立并返回一个TAGS（标签）对像。

我用到的实例：

var li = document.createElement("li");

将会得到一个LI，和常用的LI对象一样，可以给ID，INNERHTML之类的属性。

2、insertBefore

oElement = object.insertBefore(oNewNode [, oChildNode])
Parameters

oNewNode Required. Object that specifies the new element to be inserted into the document hierarchy. Elements can be created with the createElement method.  

oChildNode Optional. Object that specifies the placement of the new element. If this parameter is specified, the new element will be inserted immediately before this existing child element.

作用：把oNewNode 结点加进object容器作为firstChild，并返回新结点对像。

oChildNode是指在哪个旧结点之前，在IE里，oChildNode可以省略，在其它浏览就不可省略了。

我用到的例子：

var ul = $('list');//容器
   var li = document.createElement("li");
   if(!preObj){//第一次点击
    if($('vv0')){//列表没有内容
     newli = $('vv0');
    }else{//如果有，li0为最顶
     preObj = $('li0');
     var newli = ul.insertBefore(li,preObj);
    }
   }else{
    var newli = ul.insertBefore(li,preObj);
   }
   preObj = newli;

newli.innerHTML = "我是新的LI。";

如果需要插入到容器的最后面时，用：appendChild

3、parentNode

说明：

HTML N/A
Scripting [ oElement = ] object.parentNode

Possible Values

oElement Object that receives the parent node.

The property is read-only. The property has no default value.

Remarks

The topmost object returns null as its parent.

返回当前对像的父结点，即上级容器，我用到的实例：

<li><div><input type="button" value="删除" οnclick="delSp(this.parentNode.parentNode);" /></div></li>

delSp函数，将可以得到LI这个对像并传递，以往的做法，都是为LI起个ID，再用getElementById返回，由于是动态写入，就显得很麻烦。

当然，parentElement也有可样的作用，但是FF不支持。

用到这三个东东，达到的效果是：

在图外面有一个“添加”的按钮，点击“添加”，会把一行视频信息新添加在最顶部，

点击“删除”，当前行就会消失。

不影响美观，IE和FF都支持。。