web 開發者可能會使用 jquery .html() 和 .text() 方法來設定 dom 內容,但他們的實現仍然依賴於 dom api。 本文來梳理一下這些用來獲取 dom 內容的 dom 屬性(attribute), 比較它們的區別: innerhtml , outerhtml , innertext , outertext , text , textcontent , 以及 jquery 中 .html() 和 .text() 的實現。
outerhtml 和 innerhtml dom 屬性用來設定 dom 的 html 內容。 其中 innerhtml 返回元素內容的 html 片段,而 outerhtml 返回的 html 片段則包括元素本身、以及元素內容的。 其中 innerh 常常用於清空元素內容。
document.body.innerhtml = '';
需要注意 innerhtml 設定的指令碼內容將不會被執行,參考 在 dom 中動態插入並執行指令碼 。
與 innerhtml , outerhtml 相同,inner 只會設定內容而 outer 會更改整個元素。 不同的是, innertext 與 outertext 則用來獲取和設定渲染後的結果。 例如設定的 html 特殊字元會被轉義,換行會被解析為
。例如:
document.body.innertext = '\nparagraph'
的渲染結果為:
paragraph
利用 innertext 可以方便地進行 html 轉義:
function escape(str)
// 返回textcontent 與 innertext 表現相似,但有一些細節不同:
text 只在特定的幾個元素上有定義,比如 和 :
function dommanip( collection, args, callback, ignored )
} else
}}
這裡呼叫了 domeval 來強制執行指令碼,其**在 /src/core/domeval.js中:
function domeval( code, doc )
jquery .text() 就非常簡單,它的實現只有 11 行, 使用的 dom api 正是上文中討論的 textcontent :
text: function( value )
} );
}, null, value, arguments.length );
},
api介面 php PHP關於API介面例項分享
api就是作業系統留給應用程式的乙個呼叫介面,應用程式通過呼叫作業系統的 api 而使作業系統去執行應用程式的命令 動作 本文主要和大家分享php關於api介面例項,希望能幫助到大家。php生成json資料 json encode value 方法 response.php和testapi.php ...
介面規範 API介面
同通過網路,規定前後臺資訊互動規則的url連線,是前後臺資訊互動的媒介。1 url 2 請求方式 get post put patch delete 3 請求引數 json或xml格式的key value型別資料 4 響應結果 json或者xml格式的資料 編寫介面文件可以使用去哪網技術中心的乙個開...
api的介面封裝
在src下建立network資料夾。network資料夾下建立api.js和http.js。http.js主要用來統一管理專案http資料夾下api請求,主要用來方便管理介面。在vue專案中,和後台互動獲取資料這塊,我們通常使用的是axios庫,它是基於promise的http庫,可執行在瀏覽器端和...