找对象与操作对象

找：1.用id查询，返回值是"对象"

console.log(document.getElementById('test1'));

2.用标签查询，返回值是"对象的集合"，即使只找到一个对象也包装成对象集合返回

console.log(document.getElementsByTagName('p').length);

3.对于表单元素，可以用name查询,返回值是对象集合
 alert(document.getElementsByName('username')[0].value);
          document.getElementsByName('username')[0].value='lucy';

4.按照类名查找，返回对象集合
    document.getElementsByClassName('test2')[0].style.background='gray';

5.找子节点
    alert(document.getElementById('test1').childNodes.length);
    alert(document.getElementById('test1').children.length);

！！！children非标准属性，但兼容性很好，不包含空白节点

   document.getElementsByTagName('p')[2].parentNode.style.border='1px solid green';//父节点

操作： (1)普通属性：对象、标签
     (2)css属性：对象、style  

     img标签(.src   .alt  .style.width)
    例外<div class="main">操作class用divobj.className
    若css带横线，如border-top-style,去掉横线后的字母大写
                           obj.style.borderTopStyle