[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 ```