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. 创建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. 创建  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()