13 找对象

//id查询。返回值‘对象’ object htmldivelement
console.log(document.getElementById('test1'));
//标签来查询，返回值是‘对象的集合’  即使只找到一个对象 也要包装成对象集合返回
ps = document.getElementsByTagName('p');
ps[1].style.background='yellow'; //直接调用数组下表设置


//表单元素可以用name 来查询 返回值是对象集合
alert(document.getElementsByName('username')[0].value='123')


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


//找子节点  children ，parent 返回对象集合
alert(document.getElementById('test1').children[0].style.color='pink');


//找父节点  找到p子节点对象 修改第二个p parentnode 或者父节点 修改特的style

document.getElementsByTagName('p')[2].parentNode.style.border='1px solid pink';

----------------------------------------------------------------------------------------------------------------