[DOM]dom简单整理(3)

1.HTML DOM

• Image
  1. 创建 : 　var img = new Image();
  2. 设置属性 　　img.src="url";
  3. 注意:     相当于 document.createElement("img"); 
• Select对象的操作Option
  1. select.options:获取select元素下的所有option对象
  2. 清除select.options.length=0 或者sel.length=0;
  3. select.value:快速获取选中项的value,如果没有value则返回text
  4. select对象的方法
     • select.add(option);   等效于select.appentChild(option);
     • select.remove(i);   等效于select.removeChild(select.option[i]);
     • select.selectedIndex 可以获取选中项的下标,或者设置选中项
     • 事件onchange
• Option

1. 1. 创建option var option =new Option(text ,value);=document.createElement("option") +　option.innerHTML = text + option.value = value;
   2. select.add(new Option(text , value));
   3. 属性: text:innerHTML; selected : 判断当前的option是否被选中 ;  index : 表示的是option在select下的下标位置

• Table

1. 1. 创建  table.createTHead/TBody/TFoot();
   2. 删除  table.deleteTHead/TFoot();
   3. 获取　　table.tHead/tFoot/tBodies[i]

• Form
  1. 查找form对象中的表单元素(有可能一个页面含有多个form表单) var form = document.forms[i/id/name];
  2. 查找form对象中的表单元素 var elem=form.elements[i/id/name]; elements集合直包含表单元素,input button textarea
  3. 如果通过name查找表单元素只需要form.name即可
  4. 获得(失去)焦点:elem.focus(); elem.blur();
  5. 手动提交 form.submit()