Index: CKEditor/branches/prototype/_docs/api/symbols/src/_source_core__dom_element.js.html
===================================================================
--- CKEditor/branches/prototype/_docs/api/symbols/src/_source_core__dom_element.js.html	(revision 2189)
+++ CKEditor/branches/prototype/_docs/api/symbols/src/_source_core__dom_element.js.html	(revision 2214)
@@ -180,274 +180,326 @@
 <span class='line'>173</span>
 <span class='line'>174</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>175</span> 		 * Gets the inner HTML of this element.
-<span class='line'>176</span> 		 * @returns {String} The inner HTML of this element.
-<span class='line'>177</span> 		 * @example
-<span class='line'>178</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;div&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/div&gt;' );
-<span class='line'>179</span> 		 * alert( &lt;b>p.getHtml()&lt;/b> );  // "&lt;b&gt;Example&lt;/b&gt;"
-<span class='line'>180</span> 		 */</span><span class="WHIT">
-<span class='line'>181</span> </span><span class="WHIT">		</span><span class="NAME">getHtml</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>182</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>183</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.innerHTML</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>184</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>185</span>
-<span class='line'>186</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>187</span> 		 * Sets the inner HTML of this element.
-<span class='line'>188</span> 		 * @param {String} html The HTML to be set for this element.
-<span class='line'>189</span> 		 * @returns {String} The inserted HTML.
-<span class='line'>190</span> 		 * @example
-<span class='line'>191</span> 		 * var p = new CKEDITOR.dom.element( 'p' );
-<span class='line'>192</span> 		 * &lt;b>p.setHtml( '&lt;b&gt;Inner&lt;/b&gt; HTML' );&lt;/b>
-<span class='line'>193</span> 		 *
-<span class='line'>194</span> 		 * // result: "&lt;p&gt;&lt;b&gt;Inner&lt;/b&gt; HTML&lt;/p&gt;"
-<span class='line'>195</span> 		 */</span><span class="WHIT">
-<span class='line'>196</span> </span><span class="WHIT">		</span><span class="NAME">setHtml</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">html</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>197</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>198</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.$.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">html</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>199</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>200</span>
-<span class='line'>201</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>202</span> 		 * Sets the element contents as plain text.
-<span class='line'>203</span> 		 * @param {String} text The text to be set.
-<span class='line'>204</span> 		 * @returns {String} The inserted text.
-<span class='line'>205</span> 		 * @example
-<span class='line'>206</span> 		 * var element = new CKEDITOR.dom.element( 'div' );
-<span class='line'>207</span> 		 * element.setText( 'A > B & C &lt; D' );
-<span class='line'>208</span> 		 * alert( element.innerHTML );  // "A &amp;gt; B &amp;amp; C &amp;lt; D"
-<span class='line'>209</span> 		 */</span><span class="WHIT">
-<span class='line'>210</span> </span><span class="WHIT">		</span><span class="NAME">setText</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">text</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>211</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>212</span> </span><span class="WHIT">			</span><span class="NAME">CKEDITOR.dom.element.prototype.setText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.$.innerText</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT">
-<span class='line'>213</span> </span><span class="WHIT">				</span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">text</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>214</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>215</span> </span><span class="WHIT">					</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.innerText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">text</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>216</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>217</span> </span><span class="WHIT">				</span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">text</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>218</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>219</span> </span><span class="WHIT">					</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.textContent</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">text</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>220</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>221</span>
-<span class='line'>222</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.setText</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">text</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>223</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>224</span>
-<span class='line'>225</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>226</span> 		 * Gets the document containing this element.
-<span class='line'>227</span> 		 * @returns {CKEDITOR.dom.document} The document.
-<span class='line'>228</span> 		 * @example
-<span class='line'>229</span> 		 * var element = CKEDITOR.document.getById( 'example' );
-<span class='line'>230</span> 		 * alert( &lt;b>element.getDocument().equals( CKEDITOR.document )&lt;/b> );  // "true"
-<span class='line'>231</span> 		 */</span><span class="WHIT">
-<span class='line'>232</span> </span><span class="WHIT">		</span><span class="NAME">getDocument</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>233</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>234</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">document</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.dom.document</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.$.ownerDocument</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>175</span> 		 * Moves the selection focus to this element.
+<span class='line'>176</span> 		 * @example
+<span class='line'>177</span> 		 * var element = CKEDITOR.document.getById( 'myTextarea' );
+<span class='line'>178</span> 		 * &lt;b>element.focus()&lt;/b>;
+<span class='line'>179</span> 		 */</span><span class="WHIT">
+<span class='line'>180</span> </span><span class="WHIT">		</span><span class="NAME">focus</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>181</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>182</span> </span><span class="WHIT">			</span><span class="NAME">this.$.focus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>183</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>184</span>
+<span class='line'>185</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>186</span> 		 * Gets the inner HTML of this element.
+<span class='line'>187</span> 		 * @returns {String} The inner HTML of this element.
+<span class='line'>188</span> 		 * @example
+<span class='line'>189</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;div&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/div&gt;' );
+<span class='line'>190</span> 		 * alert( &lt;b>p.getHtml()&lt;/b> );  // "&lt;b&gt;Example&lt;/b&gt;"
+<span class='line'>191</span> 		 */</span><span class="WHIT">
+<span class='line'>192</span> </span><span class="WHIT">		</span><span class="NAME">getHtml</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>193</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>194</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.innerHTML</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>195</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>196</span>
+<span class='line'>197</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>198</span> 		 * Sets the inner HTML of this element.
+<span class='line'>199</span> 		 * @param {String} html The HTML to be set for this element.
+<span class='line'>200</span> 		 * @returns {String} The inserted HTML.
+<span class='line'>201</span> 		 * @example
+<span class='line'>202</span> 		 * var p = new CKEDITOR.dom.element( 'p' );
+<span class='line'>203</span> 		 * &lt;b>p.setHtml( '&lt;b&gt;Inner&lt;/b&gt; HTML' );&lt;/b>
+<span class='line'>204</span> 		 *
+<span class='line'>205</span> 		 * // result: "&lt;p&gt;&lt;b&gt;Inner&lt;/b&gt; HTML&lt;/p&gt;"
+<span class='line'>206</span> 		 */</span><span class="WHIT">
+<span class='line'>207</span> </span><span class="WHIT">		</span><span class="NAME">setHtml</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">html</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>208</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>209</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.$.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">html</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>210</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>211</span>
+<span class='line'>212</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>213</span> 		 * Sets the element contents as plain text.
+<span class='line'>214</span> 		 * @param {String} text The text to be set.
+<span class='line'>215</span> 		 * @returns {String} The inserted text.
+<span class='line'>216</span> 		 * @example
+<span class='line'>217</span> 		 * var element = new CKEDITOR.dom.element( 'div' );
+<span class='line'>218</span> 		 * element.setText( 'A > B & C &lt; D' );
+<span class='line'>219</span> 		 * alert( element.innerHTML );  // "A &amp;gt; B &amp;amp; C &amp;lt; D"
+<span class='line'>220</span> 		 */</span><span class="WHIT">
+<span class='line'>221</span> </span><span class="WHIT">		</span><span class="NAME">setText</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">text</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>222</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>223</span> </span><span class="WHIT">			</span><span class="NAME">CKEDITOR.dom.element.prototype.setText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.$.innerText</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT">
+<span class='line'>224</span> </span><span class="WHIT">				</span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">text</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>225</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>226</span> </span><span class="WHIT">					</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.innerText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">text</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>227</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>228</span> </span><span class="WHIT">				</span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">text</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>229</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>230</span> </span><span class="WHIT">					</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.textContent</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">text</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>231</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>232</span>
+<span class='line'>233</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.setText</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">text</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>234</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'>235</span>
-<span class='line'>236</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>237</span> </span><span class="WHIT">			</span><span class="COMM">/** @ignore */</span><span class="WHIT">
-<span class='line'>238</span> </span><span class="WHIT">			</span><span class="NAME">this.getDocument</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>239</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>240</span> </span><span class="WHIT">					</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">document</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>241</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>242</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>243</span>
-<span class='line'>244</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>245</span> 		 * Gets the value of the "id" attribute of this element.
-<span class='line'>246</span> 		 * @returns {String} The element id, or null if not available.
-<span class='line'>247</span> 		 * @example
-<span class='line'>248</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;p id="myId"&gt;&lt;/p&gt;' );
-<span class='line'>249</span> 		 * alert( &lt;b>element.getId()&lt;/b> );  // "myId"
-<span class='line'>250</span> 		 */</span><span class="WHIT">
-<span class='line'>251</span> </span><span class="WHIT">		</span><span class="NAME">getId</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>252</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>253</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.id</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>254</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>255</span>
-<span class='line'>256</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>257</span> 		 * Gets the value of the "name" attribute of this element.
-<span class='line'>258</span> 		 * @returns {String} The element name, or null if not available.
-<span class='line'>259</span> 		 * @example
-<span class='line'>260</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;input name="myName"&gt;&lt;/input&gt;' );
-<span class='line'>261</span> 		 * alert( &lt;b>element.getNameAtt()&lt;/b> );  // "myName"
-<span class='line'>262</span> 		 */</span><span class="WHIT">
-<span class='line'>263</span> </span><span class="WHIT">		</span><span class="NAME">getNameAtt</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>264</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>265</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.name</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>266</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>267</span>
-<span class='line'>268</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>269</span> 		 * Gets the element name (tag name). The returned name is guaranteed to
-<span class='line'>270</span> 		 * be always full lowercased.
-<span class='line'>271</span> 		 * @returns {String} The element name.
-<span class='line'>272</span> 		 * @example
-<span class='line'>273</span> 		 * var element = new CKEDITOR.dom.element( 'span' );
-<span class='line'>274</span> 		 * alert( &lt;b>element.getName()&lt;/b> );  // "span"
-<span class='line'>275</span> 		 */</span><span class="WHIT">
-<span class='line'>276</span> </span><span class="WHIT">		</span><span class="NAME">getName</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>277</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>278</span> </span><span class="WHIT">			</span><span class="COMM">// Cache the lowercased name inside a closure.</span><span class="WHIT">
-<span class='line'>279</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">nodeName</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.$.nodeName.toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>280</span>
-<span class='line'>281</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>282</span> </span><span class="WHIT">			</span><span class="COMM">/** @ignore */</span><span class="WHIT">
-<span class='line'>283</span> </span><span class="WHIT">			</span><span class="NAME">this.getName</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>284</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>285</span> </span><span class="WHIT">					</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">nodeName</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>286</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>236</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>237</span> 		 * Gets the document containing this element.
+<span class='line'>238</span> 		 * @returns {CKEDITOR.dom.document} The document.
+<span class='line'>239</span> 		 * @example
+<span class='line'>240</span> 		 * var element = CKEDITOR.document.getById( 'example' );
+<span class='line'>241</span> 		 * alert( &lt;b>element.getDocument().equals( CKEDITOR.document )&lt;/b> );  // "true"
+<span class='line'>242</span> 		 */</span><span class="WHIT">
+<span class='line'>243</span> </span><span class="WHIT">		</span><span class="NAME">getDocument</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>244</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>245</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">document</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.dom.document</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.$.ownerDocument</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>246</span>
+<span class='line'>247</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>248</span> </span><span class="WHIT">			</span><span class="COMM">/** @ignore */</span><span class="WHIT">
+<span class='line'>249</span> </span><span class="WHIT">			</span><span class="NAME">this.getDocument</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>250</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>251</span> </span><span class="WHIT">					</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">document</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>252</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>253</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>254</span>
+<span class='line'>255</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>256</span> 		 * Gets the window object that contains this element.
+<span class='line'>257</span> 		 * @returns {CKEDITOR.dom.window} The window object.
+<span class='line'>258</span> 		 * @example
+<span class='line'>259</span> 		 */</span><span class="WHIT">
+<span class='line'>260</span> </span><span class="WHIT">		</span><span class="NAME">getWindow</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>261</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>262</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.getDocument</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">getWindow</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>263</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>264</span>
+<span class='line'>265</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>266</span> 		 * Gets the value of the "id" attribute of this element.
+<span class='line'>267</span> 		 * @returns {String} The element id, or null if not available.
+<span class='line'>268</span> 		 * @example
+<span class='line'>269</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;p id="myId"&gt;&lt;/p&gt;' );
+<span class='line'>270</span> 		 * alert( &lt;b>element.getId()&lt;/b> );  // "myId"
+<span class='line'>271</span> 		 */</span><span class="WHIT">
+<span class='line'>272</span> </span><span class="WHIT">		</span><span class="NAME">getId</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>273</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>274</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.id</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>275</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>276</span>
+<span class='line'>277</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>278</span> 		 * Gets the value of the "name" attribute of this element.
+<span class='line'>279</span> 		 * @returns {String} The element name, or null if not available.
+<span class='line'>280</span> 		 * @example
+<span class='line'>281</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;input name="myName"&gt;&lt;/input&gt;' );
+<span class='line'>282</span> 		 * alert( &lt;b>element.getNameAtt()&lt;/b> );  // "myName"
+<span class='line'>283</span> 		 */</span><span class="WHIT">
+<span class='line'>284</span> </span><span class="WHIT">		</span><span class="NAME">getNameAtt</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>285</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>286</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.name</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>287</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'>288</span>
 <span class='line'>289</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>290</span> 		 * Gets the first child node of this element.
-<span class='line'>291</span> 		 * @returns {CKEDITOR.dom.node} The first child node or null if not
-<span class='line'>292</span> 		 *		available.
+<span class='line'>290</span> 		 * Gets the element name (tag name). The returned name is guaranteed to
+<span class='line'>291</span> 		 * be always full lowercased.
+<span class='line'>292</span> 		 * @returns {String} The element name.
 <span class='line'>293</span> 		 * @example
-<span class='line'>294</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;div&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/div&gt;' );
-<span class='line'>295</span> 		 * var first = &lt;b>element.getFirst()&lt;/b>;
-<span class='line'>296</span> 		 * alert( first.getName() );  // "b"
-<span class='line'>297</span> 		 */</span><span class="WHIT">
-<span class='line'>298</span> </span><span class="WHIT">		</span><span class="NAME">getFirst</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>299</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>300</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.$.firstChild</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>301</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">$</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.dom.node</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">$</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>302</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>303</span>
-<span class='line'>304</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>305</span> 		 * Hides this element (display:none).
-<span class='line'>306</span> 		 * @example
-<span class='line'>307</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
-<span class='line'>308</span> 		 * &lt;b>element.hide()&lt;/b>;
-<span class='line'>309</span> 		 */</span><span class="WHIT">
-<span class='line'>310</span> </span><span class="WHIT">		</span><span class="NAME">hide</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>311</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>312</span> </span><span class="WHIT">			</span><span class="NAME">this.setStyle</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="STRN">'display'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'none'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>313</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>314</span>
-<span class='line'>315</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>316</span> 		 * Shows this element (display it).
-<span class='line'>317</span> 		 * @example
-<span class='line'>318</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
-<span class='line'>319</span> 		 * &lt;b>element.show()&lt;/b>;
-<span class='line'>320</span> 		 */</span><span class="WHIT">
-<span class='line'>321</span> </span><span class="WHIT">		</span><span class="NAME">show</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>322</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>323</span> </span><span class="WHIT">			</span><span class="NAME">this.setStyle</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="STRN">'display'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">''</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>324</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>325</span>
-<span class='line'>326</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>327</span> 		 * Sets the value of an element attribute.
-<span class='line'>328</span> 		 * @param {String} name The name of the attribute.
-<span class='line'>329</span> 		 * @param {String} value The value to be set to the attribute.
-<span class='line'>330</span> 		 * @function
-<span class='line'>331</span> 		 * @example
-<span class='line'>332</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
-<span class='line'>333</span> 		 * &lt;b>element.setAttribute( 'class', 'myClass' )&lt;/b>;
-<span class='line'>334</span> 		 * &lt;b>element.setAttribute( 'title', 'This is an example' )&lt;/b>;
-<span class='line'>335</span> 		 */</span><span class="WHIT">
-<span class='line'>336</span> </span><span class="WHIT">		</span><span class="NAME">setAttribute</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>337</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>338</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">standard</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>339</span> </span><span class="WHIT">			</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>340</span> </span><span class="WHIT">				</span><span class="NAME">this.$.setAttribute</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>341</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>342</span>
-<span class='line'>343</span> </span><span class="WHIT">			</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.env.ie</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>344</span> </span><span class="WHIT">			</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>345</span> </span><span class="WHIT">				</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>346</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>347</span> </span><span class="WHIT">					</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">==</span><span class="WHIT"> </span><span class="STRN">'class'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>348</span> </span><span class="WHIT">						</span><span class="NAME">this.$.className</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>349</span> </span><span class="WHIT">					</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">==</span><span class="WHIT"> </span><span class="STRN">'style'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>350</span> </span><span class="WHIT">						</span><span class="NAME">this.$.style.cssText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>351</span> </span><span class="WHIT">					</span><span class="KEYW">else</span><span class="WHIT">
-<span class='line'>352</span> </span><span class="WHIT">						</span><span class="NAME">standard.apply</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>353</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>354</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>355</span> </span><span class="WHIT">			</span><span class="KEYW">else</span><span class="WHIT">
-<span class='line'>356</span> </span><span class="WHIT">				</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">standard</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>357</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>358</span>
-<span class='line'>359</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>360</span> 		 * Sets the value of several element attributes.
-<span class='line'>361</span> 		 * @param {Object} attributesPairs An object containing the names and
-<span class='line'>362</span> 		 *		values of the attributes.
+<span class='line'>294</span> 		 * var element = new CKEDITOR.dom.element( 'span' );
+<span class='line'>295</span> 		 * alert( &lt;b>element.getName()&lt;/b> );  // "span"
+<span class='line'>296</span> 		 */</span><span class="WHIT">
+<span class='line'>297</span> </span><span class="WHIT">		</span><span class="NAME">getName</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>298</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>299</span> </span><span class="WHIT">			</span><span class="COMM">// Cache the lowercased name inside a closure.</span><span class="WHIT">
+<span class='line'>300</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">nodeName</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.$.nodeName.toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>301</span>
+<span class='line'>302</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>303</span> </span><span class="WHIT">			</span><span class="COMM">/** @ignore */</span><span class="WHIT">
+<span class='line'>304</span> </span><span class="WHIT">			</span><span class="NAME">this.getName</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>305</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>306</span> </span><span class="WHIT">					</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">nodeName</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>307</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>308</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>309</span>
+<span class='line'>310</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>311</span> 		 * Gets the value set to this element. This value is usually available
+<span class='line'>312</span> 		 * for form field elements.
+<span class='line'>313</span> 		 * @returns {String} The element value.
+<span class='line'>314</span> 		 */</span><span class="WHIT">
+<span class='line'>315</span> </span><span class="WHIT">		</span><span class="NAME">getValue</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>316</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>317</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.$.value</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>318</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>319</span>
+<span class='line'>320</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>321</span> 		 * Gets the first child node of this element.
+<span class='line'>322</span> 		 * @returns {CKEDITOR.dom.node} The first child node or null if not
+<span class='line'>323</span> 		 *		available.
+<span class='line'>324</span> 		 * @example
+<span class='line'>325</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;div&gt;&lt;b&gt;Example&lt;/b&gt;&lt;/div&gt;' );
+<span class='line'>326</span> 		 * var first = &lt;b>element.getFirst()&lt;/b>;
+<span class='line'>327</span> 		 * alert( first.getName() );  // "b"
+<span class='line'>328</span> 		 */</span><span class="WHIT">
+<span class='line'>329</span> </span><span class="WHIT">		</span><span class="NAME">getFirst</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>330</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>331</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.$.firstChild</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>332</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">$</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.dom.node</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">$</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>333</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>334</span>
+<span class='line'>335</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>336</span> 		 * Hides this element (display:none).
+<span class='line'>337</span> 		 * @example
+<span class='line'>338</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
+<span class='line'>339</span> 		 * &lt;b>element.hide()&lt;/b>;
+<span class='line'>340</span> 		 */</span><span class="WHIT">
+<span class='line'>341</span> </span><span class="WHIT">		</span><span class="NAME">hide</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>342</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>343</span> </span><span class="WHIT">			</span><span class="NAME">this.setStyle</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="STRN">'display'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'none'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>344</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>345</span>
+<span class='line'>346</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>347</span> 		 * Shows this element (display it).
+<span class='line'>348</span> 		 * @example
+<span class='line'>349</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
+<span class='line'>350</span> 		 * &lt;b>element.show()&lt;/b>;
+<span class='line'>351</span> 		 */</span><span class="WHIT">
+<span class='line'>352</span> </span><span class="WHIT">		</span><span class="NAME">show</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>353</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>354</span> </span><span class="WHIT">			</span><span class="NAME">this.setStyle</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="STRN">'display'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">''</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>355</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>356</span>
+<span class='line'>357</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>358</span> 		 * Sets the value of an element attribute.
+<span class='line'>359</span> 		 * @param {String} name The name of the attribute.
+<span class='line'>360</span> 		 * @param {String} value The value to be set to the attribute.
+<span class='line'>361</span> 		 * @function
+<span class='line'>362</span> 		 * @returns {CKEDITOR.dom.element} This element instance.
 <span class='line'>363</span> 		 * @example
 <span class='line'>364</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
-<span class='line'>365</span> 		 * &lt;b>element.setAttributes({
-<span class='line'>366</span> 		 *     'class' : 'myClass',
-<span class='line'>367</span> 		 *     'title' : 'This is an example' })&lt;/b>;
-<span class='line'>368</span> 		 */</span><span class="WHIT">
-<span class='line'>369</span> </span><span class="WHIT">		</span><span class="NAME">setAttributes</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">attributesPairs</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>370</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>371</span> </span><span class="WHIT">			</span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">attributesPairs</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>372</span> </span><span class="WHIT">				</span><span class="NAME">this.setAttribute</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attributesPairs</span><span class="PUNC">[</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>373</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>374</span>
-<span class='line'>375</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>376</span> 		 * Removes the element from the document DOM.
-<span class='line'>377</span> 		 * @example
-<span class='line'>378</span> 		 * var element = CKEDITOR.dom.element.getById( 'MyElement' );
-<span class='line'>379</span> 		 * &lt;b>element.remove()&lt;/b>;
-<span class='line'>380</span> 		 */</span><span class="WHIT">
-<span class='line'>381</span> </span><span class="WHIT">		</span><span class="NAME">remove</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>382</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>383</span> </span><span class="WHIT">			</span><span class="NAME">this.$.parentNode.removeChild</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.$</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>384</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>385</span>
-<span class='line'>386</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>387</span> 		 * Removes an attribute from the element.
-<span class='line'>388</span> 		 * @param {String} name The attribute name.
-<span class='line'>389</span> 		 * @function
-<span class='line'>390</span> 		 * @example
-<span class='line'>391</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;div class="classA">&lt;/div>' );
-<span class='line'>392</span> 		 * element.removeAttribute( 'class' );
-<span class='line'>393</span> 		 */</span><span class="WHIT">
-<span class='line'>394</span> </span><span class="WHIT">		</span><span class="NAME">removeAttribute</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>395</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>396</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">standard</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>397</span> </span><span class="WHIT">			</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>398</span> </span><span class="WHIT">				</span><span class="NAME">this.$.removeAttribute</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>399</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>400</span>
-<span class='line'>401</span> </span><span class="WHIT">			</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.env.ie</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>402</span> </span><span class="WHIT">			</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>403</span> </span><span class="WHIT">				</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>404</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>405</span> </span><span class="WHIT">					</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">==</span><span class="WHIT"> </span><span class="STRN">'class'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>406</span> </span><span class="WHIT">						</span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'className'</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>407</span> </span><span class="WHIT">					</span><span class="NAME">standard.call</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>408</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>409</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>410</span> </span><span class="WHIT">			</span><span class="KEYW">else</span><span class="WHIT">
-<span class='line'>411</span> </span><span class="WHIT">				</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">standard</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>412</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>413</span>
-<span class='line'>414</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>415</span> 		 * Sets the value of an element style.
-<span class='line'>416</span> 		 * @param {String} name The name of the style. The CSS naming notation
-<span class='line'>417</span> 		 *		must be used (e.g. "background-color").
-<span class='line'>418</span> 		 * @param {String} value The value to be set to the style.
-<span class='line'>419</span> 		 * @example
-<span class='line'>420</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
-<span class='line'>421</span> 		 * &lt;b>element.setStyle( 'background-color', '#ff0000' )&lt;/b>;
-<span class='line'>422</span> 		 * &lt;b>element.setStyle( 'margin-top', '10px' )&lt;/b>;
-<span class='line'>423</span> 		 * &lt;b>element.setStyle( 'float', 'right' )&lt;/b>;
-<span class='line'>424</span> 		 */</span><span class="WHIT">
-<span class='line'>425</span> </span><span class="WHIT">		</span><span class="NAME">setStyle</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>426</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>427</span> </span><span class="WHIT">			</span><span class="NAME">this.$.style</span><span class="PUNC">[</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.tools.cssStyleToDomStyle</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>428</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>429</span>
-<span class='line'>430</span> </span><span class="WHIT">		</span><span class="COMM">/**
-<span class='line'>431</span> 		 * Sets the value of several element styles.
-<span class='line'>432</span> 		 * @param {Object} stylesPairs An object containing the names and
-<span class='line'>433</span> 		 *		values of the styles.
-<span class='line'>434</span> 		 * @example
-<span class='line'>435</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
-<span class='line'>436</span> 		 * &lt;b>element.setStyles({
-<span class='line'>437</span> 		 *     'position' : 'absolute',
-<span class='line'>438</span> 		 *     'float' : 'right' })&lt;/b>;
-<span class='line'>439</span> 		 */</span><span class="WHIT">
-<span class='line'>440</span> </span><span class="WHIT">		</span><span class="NAME">setStyles</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">stylesPairs</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>441</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>442</span> </span><span class="WHIT">			</span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">stylesPairs</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>443</span> </span><span class="WHIT">				</span><span class="NAME">this.setStyle</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">stylesPairs</span><span class="PUNC">[</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>444</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>445</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>446</span> </span></pre></body></html>
+<span class='line'>365</span> 		 * &lt;b>element.setAttribute( 'class', 'myClass' )&lt;/b>;
+<span class='line'>366</span> 		 * &lt;b>element.setAttribute( 'title', 'This is an example' )&lt;/b>;
+<span class='line'>367</span> 		 */</span><span class="WHIT">
+<span class='line'>368</span> </span><span class="WHIT">		</span><span class="NAME">setAttribute</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>369</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>370</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">standard</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>371</span> </span><span class="WHIT">			</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>372</span> </span><span class="WHIT">				</span><span class="NAME">this.$.setAttribute</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>373</span> </span><span class="WHIT">				</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>374</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>375</span>
+<span class='line'>376</span> </span><span class="WHIT">			</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.env.ie</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>377</span> </span><span class="WHIT">			</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>378</span> </span><span class="WHIT">				</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>379</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>380</span> </span><span class="WHIT">					</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">==</span><span class="WHIT"> </span><span class="STRN">'class'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>381</span> </span><span class="WHIT">						</span><span class="NAME">this.$.className</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>382</span> </span><span class="WHIT">					</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">==</span><span class="WHIT"> </span><span class="STRN">'style'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>383</span> </span><span class="WHIT">						</span><span class="NAME">this.$.style.cssText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>384</span> </span><span class="WHIT">					</span><span class="KEYW">else</span><span class="WHIT">
+<span class='line'>385</span> </span><span class="WHIT">						</span><span class="NAME">standard.apply</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>386</span> </span><span class="WHIT">					</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>387</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>388</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>389</span> </span><span class="WHIT">			</span><span class="KEYW">else</span><span class="WHIT">
+<span class='line'>390</span> </span><span class="WHIT">				</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">standard</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>391</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>392</span>
+<span class='line'>393</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>394</span> 		 * Sets the value of several element attributes.
+<span class='line'>395</span> 		 * @param {Object} attributesPairs An object containing the names and
+<span class='line'>396</span> 		 *		values of the attributes.
+<span class='line'>397</span> 		 * @returns {CKEDITOR.dom.element} This element instance.
+<span class='line'>398</span> 		 * @example
+<span class='line'>399</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
+<span class='line'>400</span> 		 * &lt;b>element.setAttributes({
+<span class='line'>401</span> 		 *     'class' : 'myClass',
+<span class='line'>402</span> 		 *     'title' : 'This is an example' })&lt;/b>;
+<span class='line'>403</span> 		 */</span><span class="WHIT">
+<span class='line'>404</span> </span><span class="WHIT">		</span><span class="NAME">setAttributes</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">attributesPairs</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>405</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>406</span> </span><span class="WHIT">			</span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">attributesPairs</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>407</span> </span><span class="WHIT">				</span><span class="NAME">this.setAttribute</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attributesPairs</span><span class="PUNC">[</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>408</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>409</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>410</span>
+<span class='line'>411</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>412</span> 		 * Sets the element value. This function is usually used with form
+<span class='line'>413</span> 		 * field element.
+<span class='line'>414</span> 		 * @param {String} value The element value.
+<span class='line'>415</span> 		 * @returns {CKEDITOR.dom.element} This element instance.
+<span class='line'>416</span> 		 */</span><span class="WHIT">
+<span class='line'>417</span> </span><span class="WHIT">		</span><span class="NAME">setValue</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">value</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>418</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>419</span> </span><span class="WHIT">			</span><span class="NAME">this.$.value</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>420</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>421</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>422</span>
+<span class='line'>423</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>424</span> 		 * Removes the element from the document DOM.
+<span class='line'>425</span> 		 * @example
+<span class='line'>426</span> 		 * var element = CKEDITOR.dom.element.getById( 'MyElement' );
+<span class='line'>427</span> 		 * &lt;b>element.remove()&lt;/b>;
+<span class='line'>428</span> 		 */</span><span class="WHIT">
+<span class='line'>429</span> </span><span class="WHIT">		</span><span class="NAME">remove</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>430</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>431</span> </span><span class="WHIT">			</span><span class="NAME">this.$.parentNode.removeChild</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.$</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>432</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>433</span>
+<span class='line'>434</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>435</span> 		 * Removes an attribute from the element.
+<span class='line'>436</span> 		 * @param {String} name The attribute name.
+<span class='line'>437</span> 		 * @function
+<span class='line'>438</span> 		 * @example
+<span class='line'>439</span> 		 * var element = CKEDITOR.dom.element.createFromHtml( '&lt;div class="classA">&lt;/div>' );
+<span class='line'>440</span> 		 * element.removeAttribute( 'class' );
+<span class='line'>441</span> 		 */</span><span class="WHIT">
+<span class='line'>442</span> </span><span class="WHIT">		</span><span class="NAME">removeAttribute</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>443</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>444</span> </span><span class="WHIT">			</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">standard</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>445</span> </span><span class="WHIT">			</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>446</span> </span><span class="WHIT">				</span><span class="NAME">this.$.removeAttribute</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>447</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>448</span>
+<span class='line'>449</span> </span><span class="WHIT">			</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.env.ie</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>450</span> </span><span class="WHIT">			</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>451</span> </span><span class="WHIT">				</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>452</span> </span><span class="WHIT">				</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>453</span> </span><span class="WHIT">					</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">==</span><span class="WHIT"> </span><span class="STRN">'class'</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>454</span> </span><span class="WHIT">						</span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'className'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>455</span> </span><span class="WHIT">					</span><span class="NAME">standard.call</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>456</span> </span><span class="WHIT">				</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>457</span> </span><span class="WHIT">			</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>458</span> </span><span class="WHIT">			</span><span class="KEYW">else</span><span class="WHIT">
+<span class='line'>459</span> </span><span class="WHIT">				</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">standard</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>460</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>461</span>
+<span class='line'>462</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>463</span> 		 * Sets the value of an element style.
+<span class='line'>464</span> 		 * @param {String} name The name of the style. The CSS naming notation
+<span class='line'>465</span> 		 *		must be used (e.g. "background-color").
+<span class='line'>466</span> 		 * @param {String} value The value to be set to the style.
+<span class='line'>467</span> 		 * @returns {CKEDITOR.dom.element} This element instance.
+<span class='line'>468</span> 		 * @example
+<span class='line'>469</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
+<span class='line'>470</span> 		 * &lt;b>element.setStyle( 'background-color', '#ff0000' )&lt;/b>;
+<span class='line'>471</span> 		 * &lt;b>element.setStyle( 'margin-top', '10px' )&lt;/b>;
+<span class='line'>472</span> 		 * &lt;b>element.setStyle( 'float', 'right' )&lt;/b>;
+<span class='line'>473</span> 		 */</span><span class="WHIT">
+<span class='line'>474</span> </span><span class="WHIT">		</span><span class="NAME">setStyle</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>475</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>476</span> </span><span class="WHIT">			</span><span class="NAME">this.$.style</span><span class="PUNC">[</span><span class="WHIT"> </span><span class="NAME">CKEDITOR.tools.cssStyleToDomStyle</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>477</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>478</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>479</span>
+<span class='line'>480</span> </span><span class="WHIT">		</span><span class="COMM">/**
+<span class='line'>481</span> 		 * Sets the value of several element styles.
+<span class='line'>482</span> 		 * @param {Object} stylesPairs An object containing the names and
+<span class='line'>483</span> 		 *		values of the styles.
+<span class='line'>484</span> 		 * @returns {CKEDITOR.dom.element} This element instance.
+<span class='line'>485</span> 		 * @example
+<span class='line'>486</span> 		 * var element = CKEDITOR.dom.element.getById( 'myElement' );
+<span class='line'>487</span> 		 * &lt;b>element.setStyles({
+<span class='line'>488</span> 		 *     'position' : 'absolute',
+<span class='line'>489</span> 		 *     'float' : 'right' })&lt;/b>;
+<span class='line'>490</span> 		 */</span><span class="WHIT">
+<span class='line'>491</span> </span><span class="WHIT">		</span><span class="NAME">setStyles</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">stylesPairs</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>492</span> </span><span class="WHIT">		</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>493</span> </span><span class="WHIT">			</span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">stylesPairs</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>494</span> </span><span class="WHIT">				</span><span class="NAME">this.setStyle</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">name</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">stylesPairs</span><span class="PUNC">[</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>495</span> </span><span class="WHIT">			</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>496</span> </span><span class="WHIT">		</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>497</span> </span><span class="WHIT">	</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>498</span> </span></pre></body></html>
