1.getElementsByClassName("one")[0];
document.getElementsByTagName("")[0];
ClassName是个伪数组,想选中时一定要有下标
2.变量名一定要注意,不能是保留字,列如top,编辑器不会报错,
3.中文标点 , 空格等问题,可以把输入法的标点都改成英文版
4.找元素时一定要对应
document.getElementsByTagName(""); 标签名
document.getElementById(""); id
document.getElementsByClassName(""); 类名
5.如果克隆的节点带了id,我们需要给id重新设置一个值,不让id冲突
6. 字符串没办法直接换行(拼接)(es6中可以用``)
7.appendChild()如果添加的是页面中本来就存在的元素,是一个剪切的效果,如果在for循环里注意用到"i--"
8.createElement();
//功能:在内存中创建一个节点 创建的节点没有任何的内容,空标签
//参数:标签名(字符串)
//返回值:创建出来的标签
var btn = document.createElement("button");//(button是一个标签)
btn.innerHTML = "我是一个按钮";//(添加内容用innerHTML,不用value)
box.appendChild(btn);
9.indexOf()的用法
array.indexOf(search, [fromIndex]);//数组在前面,要找的在后面
str.indexOf("bca")
10.定位和浮动是在原来的地方脱离标准流的,(不设top和left时默认位置时原来的的地方)
11.keypress输出的keycode是ascii码
想要获取按下的是哪个键,只能keydown keyup
var input = document.querySelector("input");
input.onkeypress = function (e) {
//keypress输出的keycode是ascii码
// console.log(e.keyCode);
}
//想要获取按下的是哪个键,只能keydown keyup (如果想要获取文本框的值,)
input.onkeydown = function (e) {
console.log(e.keyCode);
}
12.a标签 a标签里不能包裹a标签
13.img标签
img{
display:block;
}
可以解决3像素问题
14.流式布局时,左右或左或右固定宽高的时用浮动,不固定的模块可以给overflow:hidden;触发bfc,(注意在html中浮动放最下面,会换行)
15.移动端时,a.一定要加meta:vp(不然HTML宽度会是固定一千多px);b.html,body{height:100%}不然会出滚动条.