Html DOM 內容的 API 介面

2021-07-26 12:02:42 字數 1358 閱讀 6425

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庫,可執行在瀏覽器端和...