javascript - element.style[something]是什么
本文介绍了javascript - element.style[something]是什么的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
在做一个小练习,目标是给目标DIV传参,然后改变样式
<input type="text" id="name" >
<input type="text" id="attr">
<input type="submit" id="btn">
<div id="mydiv"></div>
btn.addEventListener('click',function(){
var CssName = document.getElementById('name').value
var CssStyle = document.getElementById('attr').value
mydiv.style[CssName] = CssStyle;
},false)
我想的写法是这样的,但是会没有效果,为什么这样的写法没有效果呢
mydiv.style.CssName = CssStyle;
这样的写法又是什么意思呢。。
mydiv.style[CssName] = CssStyle;
解决方案
这里的CssName不是字符串,mydiv.style.CssName = CssStyle;
这里的CssName是字符串,mydiv.style[CssName] = CssStyle;
都是访问mydiv.style的CssName属性
这篇关于javascript - element.style[something]是什么的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文