javascript - className 未附加到 js 对象

Question

var obj = document.createElement('div');
obj.className = 'className';

这将输出附加了类的 div 元素。

var obj = {
divE : function(){
   return document.createElement('div')}      
}
obj.divE().className = 'className';

这不会将类名附加到 div 元素，即 obj.divE()

可能是什么原因？如何将类附加到 obj.divE();

Answer 1

obj.divE().className = 'className';语句的返回值为className字符串。您的代码创建一个元素，修改它的 className 属性，但实际上不执行任何操作。如果存储返回值:

var value = obj.divE().className = 'className';

那么存储的值是'className'字符串而不是创建的元素。您必须创建元素、存储它，然后更新 className，就像您的第一个代码段一样。

如果您想创建辅助函数，您可以编写代码:

var obj = {
  divE : function(cls) {
     var div = document.createElement('div');
     if ( cls ) {
        div.className = cls;
     }
     return div;
  }      
}

var createdElement = obj.divE('className');
var anotherElement = obj.divE();