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