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("选择器的名字");
    

posted on 2018-09-07 16:21  xiao545  阅读(112)  评论(0编辑  收藏  举报

导航