码迷,mamicode.com
首页 > 其他好文 > 详细

DOM的小疑问收集(2)

时间:2017-04-01 23:44:32      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:事件   获取   alert   点击   注册   收集   动态   button   nts   

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

DOM的小疑问收集(2)

标签:事件   获取   alert   点击   注册   收集   动态   button   nts   

原文地址:http://www.cnblogs.com/jiafeicat/p/6657920.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!