3、节点属性、方法、封装方法、DOM结构

Dom是操作xml和html

<div>123</div>
Text.prototype.aaa='aaa'
CharacterData.prototype.bbb='bbb';
 var div=document.getElementsByTagName(div)[0];
var text=div.childNodes[0];
console.log(text.bbb)
<p>123456</p>
Element.prototyoe.aaa='aaa';
HTMLElement.prototype.bbb='bbb';
HTMLDivElement.prototype.ccc='ccc';
var div=document.getElementsByTagName('div')[0];
var p=document.getElementsByTagName('p');
console.log(p.ccc) //访问不了 p.bbb,p.aaa可以访问
console.log(div.aaa,div.bbb,div.ccc)//aaa,bbb,ccc

DOM操作深入

1.getElementById() 只有Document.prototype上有
Element.prototype HTMlElement.prototype上面没有
2.getElementsByName
 Document.prototype有Element.prototype没有
打印 Document.prototype 可以查看上面的原型方法
3.getElementsByTagName
  getElementsByClassName
  querySelector 
  querySelectorAll
  document.getElementsByName  document.getElementsByName上都有
<div>
    <p>123</p>
</div>
var div=document.getElementsByTagName('div')[0];
var body=document.body;
var head=document.head;
var title=document.title;

作业：