DOM的小疑问收集

Posted 2020-09-07

1.获取元素的四种方式
document.getElementsBy/Id(),TagName,Name,ClassName;
2.添加事件的三种方式
第一种：
<input type="button" value="按钮" onclick="f1();">
function f1(){
    alert("第一种写法")；
}
第二种：
<input type="button" value="按钮" id="btn1">
function f2(){
    alert("第一种写法")；
}
document.getElementById("btn1").onclick=f2;//这是命名函数--直接获取直接注册点击事件。
第三种：
<input type="button" value="按钮" id="btn2">
document.getElementById("btn1").onclick=function(){

};//这种方式是获取点击事件直接在后面加上处理事件。
3.innerText获取的是标签中的纯文本，innerhtml设置的是获取标签的标签加文字内容包括了标签的样式也一并修改。还有一个textContent，跟innertext效果一致，在这里涉及到一个问题就是兼容性，这个是后期前端需要重点掌握的内容，
4.难点也是需要掌握的是就是动态的遍历数组，并且操作这个数组里面对象的属性。
5.如何为元素动态地添加属性？
使用setAttribute("属性的名字",num(num+=i)就是值),使用getsetAttribute("属性的名字"）可以得到该属性下面的值。
5.1小案例：移出html中的属性与属性对应的值，三种方式
html········
my$("dv").className="";
my$("dv").setAttribute("属性名","");
my$("dv").removeAttribute("属性名");这个去除的最干净。

6.鼠标位置对应的几个属性：
激活：onfcous
失焦：onblur