Dom 学习笔记4

本文深入探讨了编程控制层的大小控制、常见错误及解决方法,并通过实例演示了如何运用JavaScript实现动态按钮、标签赋值等关键技能,旨在帮助开发者提升在网页布局和交互设计方面的实践能力。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

五十一、编程控制层的大小
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")取出来






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值