Javascript里的style怎样追加
比如说：mainDiv.style="background-color:#E9E9E9;width:260px;height:350px;box-shadow:12px1...
比如说：mainDiv.style = "background-color:#E9E9E9;width:260px;height:350px;box-shadow: 12px 12px 5px #888888;float:right;position:relative;left:-12px";
这一句很显然太长了，我想把它拆分开。
我知道可以单独分开写，比如 mainDiv.style.background = "#E9E9E9";
但是这样一条一条的太麻烦了。
我想知道有没有在原先的style基础上追加的方法，实现类似于style=a; style+=b;就能得到style=a+b;这样的效果。 展开
这一句很显然太长了，我想把它拆分开。
我知道可以单独分开写，比如 mainDiv.style.background = "#E9E9E9";
但是这样一条一条的太麻烦了。
我想知道有没有在原先的style基础上追加的方法，实现类似于style=a; style+=b;就能得到style=a+b;这样的效果。 展开
5个回答
展开全部
思路
1、通过cssText的方式进行拼接。
2、通过设置class，累加设置class的方式进行。
代码示例
1、第一种方式可以用下面函数，el表示dom节点，strCss表示要设置的样式
function setStyle(el, strCss){
function endsWith(str, suffix) {
var l = str.length - suffix.length;
return l >= 0 && str.indexOf(suffix, l) == l;
}
var sty = el.style,
cssText = sty.cssText;
if(!endsWith(cssText, ';')){
cssText += ';';
}
sty.cssText = cssText + strCss;
}
2、第二种方式把样式定义成class，element表示dom节点，value表示class名称
function addClass(element,value){
if(!element.className){
element.className=value;
}else{
newClassName=element.className;
newClassName+="";
newClassName+=value;
element.className=newClassName;
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
mainDiv.style = "width:260px;height:350px;position:relative;float:right;left:-12px;"
mainDiv.style.cssText += "background-color:#E9E9E9;box-shadow: 12px 12px 5px #888888;"
可以像这样追加。
另外，一般程序中不是这样写的，一般是直接创建一个样式类，然后再调用这个类，这样也方便后期维护。
mainDiv.style.cssText += "background-color:#E9E9E9;box-shadow: 12px 12px 5px #888888;"
可以像这样追加。
另外，一般程序中不是这样写的，一般是直接创建一个样式类，然后再调用这个类，这样也方便后期维护。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
mainDiv.style = "width:260px;height:350px;position:relative;float:right;left:-12px;"
mainDiv.style.cssText += "background-color:#E9E9E9;box-shadow: 12px 12px 5px #888888;"
可以像这样追加。
一般程序中不是这样写的，一般是直接创建一个样式类，然后再调用这个类，这样也方便后期维护。
mainDiv.style.cssText += "background-color:#E9E9E9;box-shadow: 12px 12px 5px #888888;"
可以像这样追加。
一般程序中不是这样写的，一般是直接创建一个样式类，然后再调用这个类，这样也方便后期维护。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
mainDiv.style = mainDiv.style + 新样式。
或者使用jquery。
或者使用jquery。
追问
要求不用JQuery，只用JavaScript。
mainDiv.style = mainDiv.style + 新样式。
这种写法你试过吗？根本就没试吧。这种方法行不通，我之前就尝试过了。
追答
mainDiv.style.cssText += 新样式;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那就当做字符串累加好了
追问
要是有这么简单我干嘛还在这里提问啊，我早就试过了好不好。
你要是能把它当作字符串累加成功了，拜托你写个demo来看好吗。
追答
实话告诉你吧，style是对象，不是字符串，无法累加
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="白菜编辑部">
<title>白菜编辑部</title>
<style type="text/css">
</style>
<script type="text/javascript">
var daimo = function ()
{
var val = document.getElementById('txt').value;
var div = document.getElementById('div');
var style = val.split(':');
div.style[style[0]] = style[1];
}
</script>
</head>
<body>
<div id="div">ddd</div>
<input type="text" id="txt" />
<button onclick="daimo();">呆寞</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
