day03--动态方法：ByTagName()

1、静态方法  
 var oUI=document.getElementById("list");    （前面只能为document）
                    
动态方法
  document.getElementsByTagName("li");
  var aLi=oUI.getElementByTagName("li");
第一种区别：
  动态方法有两种表示方法，静态只有一种表示方法
第二种区别：
   aLi 是元素而不是数组，它是页面中所有li标签元素的集合，虽然它不是数组，但是它拥有数组的一些方法  比如：aLi.length,aLi[0]      

   同时在使用TagName时必须要加上[],对某个元素单独操作。（即使页面中只有一个ul，通过var oUl=document.getElementsByTagName("ul")[0];  后面也要加上[0]）

2、页面中只有一个body，要是想修改里面的内容可以用document.body.innerHTML=123;
但是对于想修改title标签的话，则用document.title=123;

3、循环使用条件：重复执行某些代码；每次执行的时候，有个数字在变化

4、for循环找到想要的元素

5、

需求：通过鼠标点击div，div的宽高发生变化
css代码：
  div{width:100px; height:100px border:1px solid red}

html代码：
<div id="div1"></div>

js代码：
var oDiv=document.getElementById("div1");
oDiv.οnclick=function (){
     oDiv.style.width="200px";

    //或者用oDiv.style.cssText="width:200px;”
}


原理：js是通过在元素的内联样式中添加其样式，内联样式优先级大于嵌入式大于外联样式
(即直接在html代码中，<div id="div1" style="width:200px"></div>)

oDiv.style.cssText="width:200px;height:200px;"     是往元素身上添加属性如：宽和高   <div id="div1" style="width:200px"></div>

6、<input type="button" >与<input type="button" disabled>的区别
 后者相比于前者，按钮消失

7、this应用
平常我们写的alert(1);是window.alert(1);的简写，所以window是JS的"老大"

那么如果在函数中alert(this)呢？
function fn1(){ alert(this);}
window.fn1();     //函数不会自动执行，需要调用
结果为：  object window

那么如果在鼠标点击事件呢？

结果为：[object HTMLInputElement]

那如果在鼠标点击事件发生的函数中调用该函数呢？

this则表示为window 。   (有点乱不知道正确不--oBtn叫你做事，this指的是input标签，你叫其他人做事，this指的是window)

因此得出结论：this  指的是调用当前方法(函数)的那个对象