DOM操作总结

Posted 2021-01-04 upxiao

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