DOM操作总结(一)
(一)innerText
凡是成对的标签,中间的文本内容,设置的时候,都是用innerText这个属性方法
(二)在某个元素的事件中,自己的事件中的this就是当前的这个元素对象
var btn=ducoument.getElementById("btn");
btn.onclick=function(){
this.value="...";
btn.value="...";//上下两行代码相同
}
(三)for循环是在页面加载的时候,执行完毕
事件是在触发的时候再执行
for(var k=0;k<5;k++){
console.log(k)//0,1,2,3,4
}
for(var k=0;k<5;k++){
}
console.log(k);//5,事件触发的时候k已经变成了5
(四)阻止超链接跳转
用return false
(五)获取元素的方法总结
-
根据id属性的值获取元素,返回一个元素对象
document.getElementById("id");
-
根据标签名字获取元素,返回一个伪数组
document.getElementsByTagName("标签名字")
-
根据name属性的值获取元素,返回一个伪数组
document.getElementsByName("name属性的值");
-
根据类样式的名字来获取元素,返回一个伪数组
document.getElmentsByClassName("类样式的名字");
-
根据选择器获取元素,返回来一个元素对象
document.querySelector("选择器的名字");
-
根据选择器获取元素,返回的是一个伪数组
doucment.querySelectorAll("选择器的名字");