从getElementById返回的元素在元素对象中运行用户创建的方法

Question

我在“Div”DOM对象中创建了一个对象方法，我称之为软弱。

document.getElementById返回我的“Div”元素。如何从返回的元素中运行“软化”？

我直接尝试了直接但我得到了这个错误：

  

未捕获的TypeError：对象＃＆lt; HTMLDivElement＆gt;没有方法'软弱'

以下代码：

HTML 的

<div id="div1" class="holathere"></div>
<div id="div2" class="holathere"></div>
<div id="div3" class="holathere"></div>...

的Javascript

a = document.getElementsByClassName('holathere');
for(i = 0; i < a.length; i++){
    a[i].soft = 0;
    a[i].squishy = function(a){
       this.soft = a;
    }
}

k = document.getElementById("div1");
console.log(k.squishy(1));

在Google Chrome中测试