createelement设置float

最新推荐文章于 2023-11-12 18:06:08 发布
最新推荐文章于 2023-11-12 18:06:08 发布
阅读量169 收藏
点赞数
分类专栏： 学习笔记 文章标签： js createelement float ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/slpi1/article/details/84463077
版权
var newDiv=document.createElemen("DIV");
newDiv.style.float="left";
//在firefox中是不管用的，因为查看生成的静态页面属性style="float:left;"没有加载到对应的div中

newDiv.style.styleFloat // ie
newDiv.style.cssFloat //其他

也可以这样解决：
后来就把该属性写在css中
.titleDiv{
float:left;
}
然后
newDiv.className="titleDiv";
试过四种浏览器opera，firefox，ie，chrome都ok
slpi1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 创建一个浮动div的代码
01-19
可以设置float属性为left或right，根据需要选择向左浮动或向右浮动。 除了设置浮动外，我们可能还需要设置div的宽度和高度，以及其他必要的样式规则，例如边框、边距、填充、背景色等，以确保div按照我们期望的方式...
在vue中使用v-bind:class的选项卡方法
10-17
float: left; width: 150px; height: 35px; line-height: 35px; border: 1px solid red; list-style: none; cursor: pointer; } ul li.active { background-color: yellow; } ``` 这里，我们为选项卡样式...
动态div排成一行浏览器兼容性
weipeng19861130的专栏
07-26 133
var newDiv=document.createElemen("DIV"); newDiv.style.float="left"; //在firefox中是不管用的，因为查看生成的静态页面属性style="float:left;"没有加载到对应的div中 后来就把该属性写在css中 .titleDiv{ float:left; } 然后 newDiv.className...
关于元素的float属性以及清除浮动的总结
是coder不是loser
11-23 1383
一直以来都
element-ui table float类型数据排序失败
ann49988的博客
06-10 943
背景：对于16.88这样的数据，点击表头排序无效，仍然是乱序 解决办法：自定义排序方法，:sortable="true" :sort-mothod="xxxx" 详情参考：elementUI el-table表格列排序的两种方法 转载于:https://www.cnblogs.com/dannyyao/p/10999255.html...
清除浮动的5种方法
qq_74472152的博客
11-12 139
注： 使用overflow:hidden;时要确保父级盒子大小要大于所有子集总和，overflow:hidden;也能处理同上边距问题.是指清除掉元素float属性。
将多个DIV放在一行显示的三种方法（超简洁，一目了然）
qq_37967853的博客
11-08 1万+
将多个DIV放在一行显示的三种方法（超简洁，一目了然）
浮动float定位
李姆斯的博客
11-27 482
CSS——浮动float引子——标准文档流float简介特性清除浮动 引子——标准文档流 文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。 分为两种等级：块级元素和行内元素； 块级元素： 1).霸占一行，不能与其他任何元素并列 2).能接受宽、高 3).如果不设置宽度，那么宽度将默认变为父元素的100%，即和父元素一样宽 行内元素： 1).与其他元素并排 2).不能设置宽、高。默认的宽度就是文字的宽度 在HTM
guanggao.rar_float_ad.js_javascript
09-19
1. **广告容器创建**：使用`document.createElement()`创建一个div元素作为广告容器，然后设置其ID、样式和内容。 2. **页面定位**：通过`window.onload`或`document.addEventListener('DOMContentLoaded')`确保在...
Js动态创建div
10-30
注意对于`float`属性，为了兼容IE和Firefox浏览器，需要分别设置`styleFloat`和`cssFloat`属性。 5. **添加到文档**：最后，使用`appendChild`方法将创建的`div`添加到文档的`body`元素中。 #### 兼容性注意事项 -...
js代码实现随机颜色的小方块
10-23
var square = document.createElement('a'); square.style.backgroundColor = getRandomColor(); container.appendChild(square); } } // 调用函数创建10个随机颜色的小方块 createColorfulSquares(10); ``` ...
笔记——document.createElement创建添加属性
热门推荐
shiki0083的笔记
05-16 3万+
动态添加div中，需要进行添加id，class，style等属性做下记录[javascript] view plain copyvar div = document.createElement('div');  div.id = 'mask_div1';  div.className = 'mask';  div.appendChild(document.createTextNode("test"...
简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习
08-25
简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习 简历是展示个人经历、技能和能力的重要文档，以下是一个常见的简历格式和内容模板，供您参考： 简历格式： 头部信息：包括姓名、联系方式（电话号码、电子邮件等）、地址等个人基本信息。 求职目标（可选）：简短描述您的求职意向和目标。 教育背景：列出您的教育经历，包括学校名称、所学专业、就读时间等。 工作经验：按时间顺序列出您的工作经历，包括公司名称、职位、工作时间、工作职责和成就等。 技能和能力：列出您的专业技能、语言能力、计算机技能等与职位相关的能力。 实习经验/项目经验（可选）：如果您有相关实习或项目经验，可以列出相关信息。 获奖和荣誉（可选）：列出您在学术、工作或其他领域获得的奖项和荣誉。 自我评价（可选）：简要描述您的个人特点、能力和职业目标。 兴趣爱好（可选）：列出您的兴趣爱好，展示您的多样性和个人素质。 参考人（可选）：如果您有可提供推荐的人员，可以在简历中提供其联系信息。 简历内容模板： 姓名: 联系方式: 地址: 求职目标: （简短描述您的求职意
用VC++实现USB接口读写数据的程序.zip
08-25
用VC++实现USB接口读写数据的程序.zip
ant-design-4.2.5.zip
最新发布
08-25
ant-design，一套企业级 UI 设计语言和 React 组件库 提炼自企业级中后台产品的交互语言和视觉风格 开箱即用的高质量 React 组件
基于微信小程序校友会系统的实现设计与实现.docx
08-25
基于微信小程序校友会系统的实现设计与实现.docx
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> </style> </head> <body> <div> <input id="msg" /> <button onclick="sendMsg()">发送</button> </div> </body> <script> // 1.发送弹幕 function senMsg() { var msg = document.getElementById("msg").value console.log(msg) // 2.创建一个对象，用于填充获取到值 var div_EL = document.createElement("div"); console.log(div_EL) // 3.将值赋于到div中，也设置样式 div_EL.innerText = msg; div_EL.style.float = "right"; div_EL.style.marginRight = 10 + "px"; console.log(3333) // 4.将该元素插入到页面 document.body.appendChild(div_EL) } </script> </html> 补充代码，实现从右到左的弹幕
07-12
var divEl = document.createElement("div"); divEl.innerText = msg; divEl.className = "barrage"; // 3.将该元素插入到页面 document.body.appendChild(divEl); // 4.设置定时器，将弹幕从右到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值