Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript中通过class属性应用样式时是否有限制?_Javascript_Html_Css - Fatal编程技术网

在javascript中通过class属性应用样式时是否有限制?

在javascript中通过class属性应用样式时是否有限制?,javascript,html,css,Javascript,Html,Css,我试图通过javascript创建标签,但css似乎没有应用。 示例代码(在Chrome中测试): #包装器{ 宽度:700px; } #form_组。标签{ 浮动:左; 清除:左; 宽度:180px; 右边距:3倍; 边缘顶部:2倍; 背景色:红色; } #_id{ 背景色:#FBEF99; 字体系列:“Lucida控制台”,摩纳哥,monospace; 字体大小:.9em; 宽度:300px; 边缘顶部:2倍; } 身份证件 函数createForm(){ var wrappe

我试图通过javascript创建标签,但css似乎没有应用。
示例代码(在Chrome中测试):


#包装器{
宽度:700px;
}  
#form_组。标签{
浮动:左;
清除:左;
宽度:180px;
右边距:3倍;
边缘顶部:2倍;
背景色:红色;
}  
#_id{
背景色:#FBEF99;
字体系列:“Lucida控制台”,摩纳哥,monospace;
字体大小:.9em;
宽度:300px;
边缘顶部:2倍;
}  
身份证件
函数createForm(){
var wrapper=document.getElementById('wrapper');
var form=document.getElementById('form_groups');
包装器.removeChild(形式);
form=document.createElement('form');
form.id='form_group';
var lbl=document.createElement('label');
lbl.textContent='Name';
lbl.class='标签';
var name=document.createElement('input');
name.type='text';
name.id='the_id';
表格.附属儿童(lbl);;
表格.附属子女(姓名);
appendChild(表单);
}  
当我按下按钮
Create

通过javascript动态使用
class
属性指定样式时是否有限制

您应该使用而不是

lbl.className = 'label'; 
现代浏览器支持

您应该使用而不是

lbl.className = 'label'; 
现代浏览器支持


class
在JavaScript中是一个保留字,您要查找的属性是
className
class
在JavaScript中是一个保留字,您要查找的属性是
className
lbl.classList.add("label");