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")取出来
更多信息请查看?java进阶网?http://www.javady.com
