8月22号

DOM访问表单控件的常用属性与方法。action表示返回该表单的提交地址。

如function get1(){

var ac=formss.action;

alert(ac);

}

elements表示返回表单内的小表单组成的数组，可以通过数组访问表单内的任何表单控件。length返回表单内的个数，如果遇到最后一个，可以用length-1。method返回method属性，有get和post。

如function get1(){

var me=formss.method;

alert(me);

}

reset().submit(),可以重置表单和确定表单方法。也可以用于表单内div元素。

function oper(){

formss.reset();

formss.submit();

}

在.elements返回的数组中访问具体的表单控件的语法如：

.elements[index]返回该表单内的第index个表单控件，也就是可以通过下标来进行操作。

.elements[elementName]返回表单内Id或name为elementName的表单控件。

.elementName是最为简单的。

function get(2){

var val=formss.elements[0].value;

var val=formss.element[username].value;

var val=formss.username.value;

DOM访问下拉菜单的常用属性:

form 是返回列表框.下拉菜单的表单对象。length是选项个数。options是所有选项组成的数组。selectedindex是返回索引，也就是是否被选中的那个值。type表示类型，多选返回select-multiple,单选返回select-one.

使用options[index]返回具体选项常用的属性。

defaultSelected表示是否默认被选中。index表示返回下标。selected表示是否被选中。text表示文本内容。value表示属性。

如function get(obj){

alert(obj.text);

}

假如是第一个可以onclick="get(sel.options[0])"

最后一个则可以onclick="get(sel.options[sel.length-1]"

如果是默认选中的上一个则可以onclick="get(sel.options[sel.selectedIndex-1])"

DOM访问表格元素的常用属性与方法。

caption返回表格的标题对象。rows返回该表格里的所有表格行，cells返回该表格行内所有的单元格的数组。celllndex返回该单元格在表格行内的索引值。

通用的方法。

var tables;

window.onload=function(){

tables=document.getElementById("mytable");

function get(obj）{

alert(obj.innerHTML);

}

修改行，列，内容如下

function updateCell(){

var rowIndex=document.getElementById("row").value-1;

var cellIndex=document.getElement("cell").value-1;

var content=docuemnt.getElementById("course").value;

tables.rows[rowIndex].cells[cellIndex].innerHTML=content;

DOM添加、删除节点的方法;

appendChild(newNode）表示将新节点添加到ul的最后一个子结点上。

如function create(){

var li=document.createElement("li")表示创造新节点

li.innerHTML="淄博”；表示给新节点添加文本节点

ul.appendChild(li);表示将新节点li添加到ul的最后一个子节点上。

同时可以设置css的样式。格式是元素节点.style.样式名=样式值。

如li.style.color="red"

插入节点如

function create(){

var li=document.createElement("li");表示创建新节点。

li.innerHTML="淄博";

var ref=ul.getElementsByTagName("li")[0];表示获取旧节点。意思是在谁前面插入新节点。

ul.insertBefore(li,ref);表示在旧节点前插入新节点

替换节点如下。function create3(){

var li=docuemnt.createElement("li");表示创建新节点；

li.innerHTML="济南";

var ref=ul.getElementByTagName("li")[0];表示获取旧节点也就是替换调谁；

ul.replaceChild(li,ref);将旧节点替换。

ref是局部变量，跑不出大括号的范围。内存里的内容随时删减。