JavaScript模块结构化护

定位JavaScript中一段结构（div或者button或者frame之类的结构），应当尽量使用可扩展的方式，保证各个模块之间掉换了位置之后，代码仍可以轻易找到需要定位的模块，而不是需要大量修改代码

比较不好的方法：
在获得当前按钮节点之后，通过父节点、前驱节点、后继节点定位其他模块
var buttonform = srcElement.parentNode;//父节点
var button = srcElement;//当前按钮节点
var resultHtml = button.previousSibling;//结果节点

比较好的方法：
对每个模块定义唯一的id，通过id定位每个模块
var buttonform = srcElement.parentNode;//父节点
var button = srcElement;//当前按钮节点
var tuijianid = button.id;
var resultid = tuijianid.replace(/bttj/,"result");
var resultHtml = document.getElementById(resultid);//结果节点

优点：即使模块之间掉换了位置，这段代码仍不需修改就可以找到对应的模块