31.DOM基本认识及js如何控制DOM

DOM 即Document Object Model
其实就是HTML标签，说的简单点就是js可以控制html标签。

window onload  整个页面加载之后开始执行

样式window.onload = function(){里面放要执行的内容};

第一步就是如何用js选中其他元素。
假设有一个div 标签，命名mydiv 然后这个div 是个长100px,宽100px的元素

然后window.οnlοad= function (){
              document.getElementById("mydiv ")
};

这个时候我们就已经选中这个div 标签了。然后如何对这个标签原有的元素用js更改呢。

只需要在其后面继续输入例如 

window.οnlοad= function (){
              document.getElementById("mydiv ").style.width="200px";};
};这个世界宽度就改成200px了。

甚至我们还可以用延时定时器使其过几秒在发生改变。例如window.οnlοad= (){
                        setTimeout(function(){
                        document.getElementById("mydiv ").style.width="200px";},2000);

这个时候浏览器里的元素就会在两秒后发生改变。