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);
这个时候浏览器里的元素就会在两秒后发生改变。