在使用createElement 动态创建html元素时，怎么指定它的style属性？

chenxiaohan 2004-12-03 03:49:28

例：
var str = document.createElement("div");
str.id = Form_Name;
怎么指定str的宽度：100%;高度：100%

非ie下该怎么做？？？我主要注重非ie浏览器效果，等待回答。谢谢....

...全文

238 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

chenxiaohan 2004-12-03

打赏
举报

回复

必须加引号才可以，测试ok。
str.style.width = "100%";
str.style.height = "100%";

chenxiaohan 2004-12-03

打赏
举报

回复

谢谢，我测试。。。。。。

xinfx 2004-12-03

打赏
举报

回复

str.style.width=100%
str.style.height=100%

在JavaScript中，我们经常需要通过代码动态创建HTML元素并为其添加样式。通过这种方式，我们可以根据需要在页面上创建和定制元素，使网页和应用程序更加灵活和交互。该方法接受一个参数，即要创建的元素的标签名称。接下来，我们可以为该元素添加样式。属性，我们还可以为元素添加CSS类。方法将新创建的元素添加到页面的指定位置。例如，我们可以使用以下代码为新创建的。的CSS类，我们可以使用以下代码将该类添加到新创建的。元素的背景颜色变为红色，并添加一个黑色的边框。的容器元素，我们可以将新创建的。

js 动态创建DOM元素简述： 动态创建一个DOM元素，可为元素添加标签属性、内置属性、事件(可修饰)、多个子元素，且建立有类似Vue的函数生命周期。兼容性： Chrome, Firefox, Opera, Safari, Edge ：全兼容 IE ：因正则表达式兼容性不足而无法兼容语法 1： numGeneral (val, mand, type) <val> 输入文本（必要）字符串 | 纯数字：需要转换的输入值。 <mand> 检查多个数字 f

前言最近接到一个测试同学的需求，为了方便UI自动化定位，他们希望给每个html元素添加一个唯一标示。目前我们使用的是react，所以下面方法主要针对react用户。方案对于SPA应用，在页面加载的时候会执行对应的打包js代码，里面一般是这样的：那其实答案已经有了，只要改变一下React.createElement，增加额外的props就能解决这个需求了；但需要明白一点，每次页面刷新同一个地方的元素...

通过结合 createElement 方法和 addEventListener 方法，我们可以动态地创建和操作网页中的元素，并根据用户的交互行为执行相应的操作。当我们创建这些动态元素时，通常还需要为它们添加事件监听器，以便在特定事件发生时执行相应的操作。创建元素后，我们可以通过设置其属性和内容来自定义它。该方法允许我们指定要监听的事件类型（如点击、鼠标移动等），并提供一个回调函数，该函数将在事件发生时被调用。通过这种方式，我们可以为动态创建的元素添加各种类型的事件监听器，实现更加丰富的交互效果和功能。

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head>...

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章