DOM的小疑问收集(2)

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

时间: 2024-10-18 15:47:05

DOM的小疑问收集(2)的相关文章

DOM的小疑问收集

1.DOM,Doncument object model 文档对象模型 页面中的所有内容都是对象,包括所有的文字,标签,属性,就是说,DOM就是页面中大对象中有很多小对象,树形结构. 1.1xml文件是用来存储信息的,而且xml的好处是不会跟随软件的消失消失,可以在电脑中直接打开 2.js的作用最初的目的就是验证密码,后来加入了js对页面html中元素的操作,就是---DOM. 3.页面中的顶级对象是document,不是浏览器中的顶级对象,标签可以叫做节点(node==标签==元素),文档元素

asp.net的优化小技巧收集

在页面不需要交互的情况下可以禁用ViewState 1.页面整体禁用ViewState:在顶部<%Page>中EnableViewState="false"; 2.指定控件禁用ViewState:控件的EnableViewState属性设置为false; 完全不要ViewState则把页面中的form中的runat="server"去掉(极端,后果很严重,Button等一大部分服务端控件不能用)这种情况一般用在站内搜索功能的时候,因为没去掉的时候,地址栏

一些小疑问

马马虎虎地看完整本书,心里有些小疑问. 问题一:第二章第一节提到要保证模块的质量,必须要做单元测试,我想问,集成测试不是会抓住所有的bug吗?单元测试价值不高,而且也比较浪费时间呀!而且一般公司不是会有专门的测试人员吗,为什么还要开发人员进行测试呀? 问题二:第三章提到职业成长中有些级别要求工程师获得某种专业证书,以及在工业界.教育界授课,发表论文等,我了解到一个好的工程师是要有丰富的开发经验和足够多的项目实战,那么证书对于我们来说还重要吗?软件公司认证书吗?对于我们这个专业,我们是应该考研还是

ios基础-小知识点收集(1)

不积跬步,无以至千里;不积小流,无以成江海.----荀子 收集学习ios中的小知识点,每天进步一点点. (一)@class和 #import class:只声明类,不会引入类文件,加快编译速度,防止类相互import出错:在m中仍然需要import整个类文件. import导入整个类文件,在需要使用类中的变量.函数和协议的时候需要使用. (二)静态变量static.全局变量extern.局部变量.实例变量 static:为整类而非单个对象使用,隐藏封装在类中,对外不可见. 静态变量的优点: 1.

手机页面样式小问题收集

1. 伪类  :after 1. 清楚浮动 div:after{ overflow:hidden; } 2. 制作三角形 div:after{ content:''; display:block; width:0; border-top:8px solid #000; border-left:8px solid transparent; border-right:8px solid transparent; } 2. 设置表单标签placeholder属性的样式 input[type="text

一个小笔记(6):常见小疑问

Q1:前置++与后置++的疑问?int?q = 10;int a, b;a = q++;b = ++q; a的值为10,b的值为12 [a = q++]理解:先把q赋值给a,再把q自加1实质:赋值符号的优先级低于后置++的优先级,所以并不是把q赋值给a后再将q加1.q++相当于调用了一个函数,会返回一个值,之后再将q自加1,返回的值赋值给a[b = ++q]将q自加1之后赋值给b Q2:if(a + b > c) 和 if(c - a < b) 是否等价?不等价,可能出现溢出问题 int a

javascript小技巧-js小技巧收集(转)

本文转载自:http://blog.csdn.net/ocean20/article/details/2498699 每一项都是js中的小技巧,但十分的实用! 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得

【Bootstrap】优秀小插件收集

Bootstrap中不乏很多优秀的小插件来让界面更加漂亮.比如之前做过笔记的bootstrap-fileinput,select2,datetimepicker等都是属于这一系列的.这些相对而言比较大一点.其他还有一些比较轻比较小的插件,也很好,特此开篇来记录一下. 由于是基于bootstrap的插件,所以基本上所有插件都是需要bootstrap和jquery相关文件的.也就是说下面的说明中我们默认页面上已经有了: <link href="/static/css/bootstrap.min

有关DOM的小总结

一直以为DOM(文档对象模型)是JS中最简单的一部分.不可否认,它确实很简单,因为DOM的思维模式有点固定,只需要简单地记住一些固定的方法,所以DOM可以说是所有js(这里指的是客户端的js)入门的起手点. 最近我在做一些有用到DOM的练习时,发现自己的DOM知识非常零散(一直以为掌握的很好),可能有很多朋友都觉得,DOM嘛,也就调用调用几个方法,或者我直接使用jQuery,根本不用考虑DOM的细节.是,这也没错,jQuery对DOM的封装可谓前无古人,但是正如成长一样,跑之前是一定要会走的,所