1.数组的那些遍历方法forEach、map、filter、every、some,在IE678中不存在,dom对象的属性操作方法getAttribute、setAttribute、removeAttribute在IE678中也不存在,通过控制台打印的时候发现,返回的是一个Object类型的{},也就是空对象。
2.通过dom对象的第一种获取属性的方式 对象.属性名和对象["属性名"],只能够获取标签上的行内属性,例如对象.style并不能获取内嵌的<style type="text/css"></style>标签对中的css样式属性和外链的<link re="stylesheet" href="1.css"/>中的css样式属性,但可以获取页面标签中的行内css样式,页面标签行内css样式通过style属性来获取,对象.style也是一个对象,并不是一个字符串,如果要获取字符串的话,可以通过对象.style.cssText来获取css样式文本字符串,也能通过对象.style.cssText来设置css样式文本字符串的值,jquery中的css方法就是通过cssText来实现的,cssText其实就是页面标签的style属性的文本值,通过它可以快速的覆盖原来的行内样式,获取和设置对象.style中的样式属性使用的命名规则是驼峰命名法而不是css样式里的-横杠,比如css样式中line-height转换为页面标签对象的style对象的属性时是对象.style.lineHeight。
3.盒子隐藏的方式 display visibility opacity position
◆box.style.display="none";隐藏 不占位置
◆box.style.visibility="hidden";隐藏 占位置
◆box.style.opacity="0";和下面一组 隐藏占位置box.style.filter="alpha(opacity=0)";只在IE678中有效
◆box.style.position="absolute";和下面一组 隐藏不占位置,box.style.top="-9999px";
4.dom元素创建的三种方式
◆使用document.write();这种方式会覆盖原来的页面的全部内容,慎用。
◆使用innerHTML属性,这种方式如果是持续添加的话,那么就使用+=,如果想覆盖原来的话,就直接=,绑定属性和内容比较方便。(节点套节点)。
◆使用document.createElement("li");这种方式是最纯正的,效率不高,因为还要添加到某个节点里面,但是创建的这个元素可以当作一个真正的页面元素来使用,定数量的时候一般用它。
5.元素的增加、删除、替换、克隆
◆增加:appendChild(newnode);追加新节点insertBefore(newnode,oldnode);把新节点插入到老节点之前
◆删除:removeChild(oldnode);移除老节点
◆替换:replaceChild(newnode,oldnode);使用新节点替换掉老节点
◆克隆:cloneNode();不完全克隆,cloneNode(true);完全克隆。
6.如果要把一个网页翻译成全英文的,那么可以在浏览器上使用百度翻译的插件,设置选项后,点一键翻译即可。
7.如果移动子节点,不要使用正的for循环,因为父元素中的子节点的长度会随着移动而减少,所以需要使用反for循环。