[TOC] ##.val()<div id="25"></div> - 描述：獲取或設置常用 Form 表單元素的 value 值 - 用法：.val(el, val) 設置表單元素value值 - 參數： el (類型：Element)：DOM元素 val (類型：String)：想設置的value值 - 返回值：返回當前DOM元素 - 示例： ```js $api.val(el,'123'); ``` .val(el) 獲取表單元素value值 - 參數：el (類型：Element)：DOM元素 - 返回值：返回表單元素的value值 - 示例： ```js $api.val(el); ``` ##.prepend()<div id="26"></div> - 描述：在DOM元素內部，首個子元素前插入HTML字符串 - 用法：.prepend(el, html) - 參數： el (類型：Element)：DOM元素 html (類型：htmlString)：HTML字符串 - 返回值：返回當前DOM元素 - 示例： ```js $api.prepend(el,'<li>hello</li>'); ``` ##.append()<div id="27"></div> - 描述：在DOM元素內部，最后一個子元素后面插入HTML字符串 - 用法：.append(el, html) - 參數： el (類型：Element)：DOM元素 html (類型：htmlString)：HTML字符串 - 返回值：返回當前DOM元素 - 示例： ```js $api.append(el,'<li>hello</li>'); ``` ##.before()<div id="28"></div> - 描述：在DOM元素前面插入HTML字符串 - 用法：.before(el, html) - 參數： el (類型：Element)：DOM元素 html (類型：htmlString)：HTML字符串 - 返回值：返回當前DOM元素 - 示例： ```js $api.before(el,'<h1>world</h1>'); ``` ##.after()<div id="29"></div> - 描述：在DOM元素后面插入HTML字符串 - 用法：.after(el, html) - 參數： el (類型：Element)：DOM元素 html (類型：htmlString)：HTML字符串 - 返回值：返回當前DOM元素 - 示例： ```js $api.after(el,'<h1>world</h1>'); ``` ##.html()<div id="30"></div> - 描述：獲取或設置DOM元素的innerHTML - 用法：.html(el, html) 設置innerHTML - 參數： el (類型：Element)：DOM元素 html (類型：htmlString)：HTML字符串 - 返回值：返回當前DOM元素 - 示例： ```js $api.html(el,'<h1>world</h1>'); ``` .html(el) 獲取innerHTML - 參數：el (類型：Element)：DOM元素 - 返回值：返回當前DOM元素的innerHTML - 示例： ```js $api.html(el); ``` ##.text()<div id="31"></div> - 描述：設置或者獲取元素的文本內容 - 用法：. text (el, txt) - 參數： el(類型：Element)：DOM元素 txt(類型：String)：字符串 - 返回值：當前DOM元素 - 示例： ```js var a = document.getElementById('a'); $api.text(a, 'text'); // => <a id=''a''>text</a> ``` . text (el) - 參數：el(類型：Element)：DOM元素 - 返回值：DOM元素的文本內容 - 示例： ```js <a id=''a''>text</a> var a = document.getElementById('a'); $api.text(a); // => text ```