Question

JS中用变量来调用属性或方法

比如：
obj.style.width，这样可以获取obj的宽度
但如果我style.width作为一个变量传入，如何用这个变量在obj中取到

Answer 1

不可以。

可以这样分析：

1. style.width不是一个属性，更不是obj对象的一个属性，你若这样访问obj["style.width"]，这是不存在的；
   

2. style.width把它当作一个引用（指针）来看的话，不指向任何内容。你把他赋值给一个变量（比如var w = style.width;）这是行不通的。

我想你需要的可能是这样：

obj['style']['width']

你从这个角度考虑试试。

追问

我试过用eval('obj.style.width')可以获取值，但是如果我想给这个属性赋予新的值就不知道该怎么弄了

追答

function getProVal( obj, pers ){
    var o = obj;
    var ps = pers.split(/\./);//拆分属性
    if( len = ps.length ){
        var val = null;
        for( var i = 0 , len = ps.length; i < len ; i ++ ){
            if( typeof o[ ps[i] ] !== 'undefined' ){
                val = o[ ps[i] ];//深度访问取值
                o = val;
            }else{
                //error
                break;
            }
        }
        return val;
    }
}
 
//test 
var elem = document.querySelector('#answer-content-1583114518');
getProVal( elem, "style.width" );

给你写了个访问的，不过没有你写的那个简洁。还需要依据业务逻辑加一些必要的容错。

依照你的方式，你可以这样赋值：

eval( 'obj.style.width="10px" ' );

Answer 2

var _par = "" //控制你的值
obj[_par]; //使用中括号运算符就可以了

Answer 3

如果直接用obj.+变量名可以么？