Dom 学习笔记4

五十一、编程控制层的大小
1、div中英文字母连续单词不会再中间自动换行
五十二、编程控制层常见错误
1、易错:不要写成div1.style.width=80px 无意义的 div1.style.width="80px" 80px必须为字符串
2、修改元素样式不能是this.style="background-color:red".（即使成功,也会把其他样式冲掉） 应该单独修改 div.style.background='red'
3、background-color 在这里应该写成什么?
(1)、查找手册
(2)、在页面放入一个DIV 然后在JS中用. 查找
4、input 的innerHTML没有意义
5、createElement两种用法
1、先创建在写样式
function createDiv() {
var div = document.createElement("input");
div.type = "button";
div.value = "动态按钮";
div.onclick = function() { alert('动态的按钮'); };
document.body.appendChild(div);

}
2、 直接写多个参数
var input = document.createElement("<input type='button' value='hello' onclick=alert('a') />");
document.body.appendChild(input);
注意:这个如果是A的话必须在后面加入
var link = document.createElement("<a href='http://www.baidu.com'>必读</a>");
link.innerText = "kk";
document.body.appendChild(link);
6、给关键字熟悉赋值 label.for 有问题
var label = document.createElement("label");
label.setAttribute("for", "username");
label.innerText = "用户名:";
document.body.appendChild(label);


五十四、编程控制层练习
1、网站上的登录窗口用的是个层 只不过把层隐藏了 点击登录后 把层给显示出来了
2、图片移到小图看大图 也是显示图层，只是把新图层放到鼠标的位置了 window.event.ClientX 图片的路径有相对变为绝对路径 所以先
用label.setAttribute("a1", "path"); 存起来 然后用this.getAttribute("a1")取出来