1.#list{ } var oUl=document.getElementById(‘list’); 静态方法,其中document不可以替换
li{ } document.getElementsByTagName(‘li’); 动态方法,其中document可以替换
#list li{ } var aLi=oUl.getElementsByTagName(‘li’);
2.文档中只有一个标签时,用js获取的方法
document.body
document.body.innerHTML=’123’
document.title=123; //更改文档标题,注意格式
3.cssText文本格式化与属性操作
var oDiv=document.getElementById(‘div1’);
oDiv.style.cssText=’width:200px;height:200px;’; //和style中一个写法,而且不存在兼容性问题
oDiv.style.cssText=’width:200px;’; //此时,后者会将前者覆盖,其中高度100px也会被覆盖,不存在
4.
或者:
oBtn.disabled = true;
此时会禁用按钮
⭐5.this的指向
this:指的是调用 当前 方法(函数)的那个对象
function fn1(){
this
}
①fn1(); //展开写是window.fn1();
所以this=>window
②oDiv.οnclick=fn1;
展开写是 oDiv.οnclick=function fn1(){
this
};
oDiv调用,所以this=>oDiv
③ oDiv.οnclick=function(){
fn1();
};
嵌套后,fn1()中的 this=>window
④<div onclick=”this”></div>
展开相当于 oDiv.οnclick=function (){
this;
};
类比于第二种情况,调用者为oDiv,所以this=>oDiv
⑤<div onclick=”fn1();”></div>
展开相当于 oDiv.οnclick=function ( ) {
fn1();
};
类比于第三种情况,被嵌套后,fn1()里的this=>window
⑥alter(this); //this=>window
⑦fn1(this);
function fn1(obj){
obj=>window
};
⑧oDiv.οnclick=function(){
this;
fn1(this);
};
function fn1 (obj){
obj=>oDiv
};
⭐函数中,this前后指代唯一