HTMLDivElement.prototype

Posted 2020-09-20 小径

htmlDivElement.prototype.test = function(){console.log("i am div")}

$0.innerHTML = ‘<div id=t>tt</div>‘

t.test()

 

这是一个神奇的时代。

能不能用于自定义标签，打开另一扇组件的大门呢？

<mytag id="m" />

mytag.prototype.test = ...

 

结论是否定的。mytag 不会自动成为一个类。mytag 的归属的是 HTMLUnknownElement。

这条路走下去会出现一种 css：

#id {
    test : function(){}
}

.dropdown{
    events:{
           click : function(){}
    }
}

那么这种组件化思维和 molecule 怎么抉择呢？

我认为就单个元素的组件来说，这种选择器配 js 的风格比 molecule 更清爽，比 jQuery 的拙劣的组件表达方式更有霄壤之别。

但从组件的工程周期来说还是 molecule 更适合工程运用，后面再详细说说这个问题。