javascript - element.style[something]是什么

查看:103
本文介绍了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屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆