Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在JavaScripts中返回DOM元素的DOM链接方法_Javascript_Chaining - Fatal编程技术网

在JavaScripts中返回DOM元素的DOM链接方法

在JavaScripts中返回DOM元素的DOM链接方法,javascript,chaining,Javascript,Chaining,我正在读一本关于JavaScript的书,特别是关于链接方法的章节。我知道链锁是如何工作的。这就是我到目前为止所做的(DOM链接的一个例子) var-app={}; app.dom= { createElement:函数(类型) { this.element=document.createElement(类型); this.html=函数(html) { this.element.innerHTML=html; 归还这个; }; this.css=函数(属性、值) { this.element

我正在读一本关于JavaScript的书,特别是关于链接方法的章节。我知道链锁是如何工作的。这就是我到目前为止所做的(DOM链接的一个例子)

var-app={};
app.dom=
{
createElement:函数(类型)
{
this.element=document.createElement(类型);
this.html=函数(html)
{
this.element.innerHTML=html;
归还这个;
};
this.css=函数(属性、值)
{
this.element.style[prop]=值;
归还这个;
}
this.getElement=函数()
{
返回此.element;
}
}
}

新的app.dom.createElement('p').html('hello word').css('border','1px solid')由于您的代码已经不好了,您可以编写类似的代码(这是一个非常糟糕的主意,所以请不要在生产中使用此代码):

var-app={};
app.dom={
createElement:函数createElement(类型){
元素=document.createElement(类型);
element.html=函数(html){
this.innerHTML=html;
归还这个;
}.绑定(元素);
element.css=函数(属性、值){
this.style[prop]=值;
归还这个;
}.绑定(元素);
返回元素;
}
};

document.body.appendChild(app.dom.createElement('p').html('hello world').css('border','1px solid'))
为什么不创建另一个名为
appendTo
的函数,以便您能够执行以下操作:
yourlelement.appendTo(document.body)
不,没有。如果要继续链接,无法知道链接是否停止或是否继续,因此需要“终止调用”来获取基础元素。因此,如果不使用“AppendTo”之类的方法,我无法做到这一点。谢谢!!!!谢谢你的回答。但是为什么这个代码不好呢?。我对JavaScript了解不多,这很糟糕,因为更改本机对象(或所谓的主机对象)的行为是非常非常糟糕的做法,它可能会破坏某些东西,有时可能不起作用。最好的方法是编写一个类似getElement()的方法,但不要传递给element对象!