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是局部变量,跑不出大括号的范围。内存里的内容随时删减。