jQuery.parseHTML() 方法
實例
使用一個HTML字符串創建一個數組的Dom節點，並將它插入一個div
< div id = " log " > < h3 > Content :</ h3 > </ div > < script > $ ( function ( ) {
var $ log = $ ( " #log " ) , str = " hello, <b>my name is</b> jQuery. " , html = $. parseHTML ( str ) , nodeNames = [ ] ; // 添加已解析的HTML $ log . append ( html ) ; // 集合已解析HTML的節點名稱 $. each ( html , function ( i , el ) {
nodeNames [ i ] = " <li> " + el . nodeName + " </li> " ; } ) ; // 插入節點名 $ log . append ( " <h3>Node Names:</h3> " ) ; $ ( " <ol></ol> " ) . append ( nodeNames . join ( " " ) ) . appendTo ( $ log ) ; } ) </ script >
嘗試一下»
定義和用法
$.parseHTML() 函數用於將HTML字符串解析為對應的DOM節點數組。
注意： 1.該函數將使用原生的DOM元素創建函數把HTML字符串轉換為一個DOM元素的集合，你可以將這些DOM元素插入到文檔中。
2. 如果沒有指定context參數，或該參數為null或undefined，則默認為當前document。 如果創建的DOM元素用於另一個文檔，例如iframe，則應該指定該iframe的document對象。
安全考慮：大多數jQuery API都允許HTML字符串在HTML中包含運行腳本。 jQuery.parseHTML()不會運行解析的HTML中的腳本，除非你明確將參數keepScripts指定為true。 不過，大多數環境仍然可以間接地執行腳本，例如：通過 屬性。 調用者應該避免 這樣做，並清理或轉義諸如URL、cookie等來源的任何不受信任的輸入，從而預防出現這種情況。 出於未來的兼容性考慮，當參數keepScripts被省略或為false時，調用者應該不依賴任何運行腳 本內容的能力。
語法
$.parseHTML( htmlString [, context ] [, keepScripts ] )
| 参数 | 描述 |
|---|---|
| htmlString | String类型 需要解析并转为DOM节点数组的HTML字符串 |
| context | Element类型 指定在哪个Document中创建元素，默认为当前文档的document |
| keepScripts | Boolean类型 指定传入的HTML字符串中是否包含脚本，默认为false |