文章詳情頁
nodeValue vs innerHTML和textContent。如何選擇?
瀏覽:151日期:2024-04-16 16:58:06
如何解決nodeValue vs innerHTML和textContent。如何選擇?? 將內容解析為HTML,因此需要更長的時間。 使用純文本,不解析HTML,并且速度更快。 使用純文本,不解析HTML,并且速度更快。 考慮樣式。例如,它不會獲取隱藏文本。
innerText根據caniuse的說法,直到fireFox45才在firefox中不存在,但現在所有主要瀏覽器都支持該功能。
解決方法我正在使用普通js來更改label元素的內部文本,但是我不確定應該基于什么理由使用innerHTML或nodeValue或textContent。我不需要創建新節點或更改HTML元素或其他任何內容,只需替換文本即可。這是代碼示例:
var myLabel = document.getElementById('#someLabel');myLabel.innerHTML = 'Some new label text!'; // this worksmyLabel.firstChild.nodeValue = 'Some new label text!'; // this also works.myLabel.textContent = 'Some new label text!'; // this also works.
我瀏覽了jQuery源,它只使用一次nodeValue,但是多次使用innerHTML和textContent。然后,我發現此jsperf測試表明firstChild.nodeValue明顯更快。至少這就是我的解釋。
如果firstChild.nodeValue快得多,那么有什么收獲呢?是否得到廣泛支持?還有其他問題嗎?
標簽:
HTML
上一條:HTML標簽上的非標準屬性。好東西嗎 壞事?你的想法?下一條:Safari的html5 localStorage錯誤:“ QUOTA_EXCEEDED_ERR:DOM異常22:試圖向存儲中添加超出配額的內容。”
相關文章:
1. java servlet后臺導出上萬條數據到excel,太慢!求解2. javascript - 一排三個框,各個框的間距是15px,距離外面的白框間距也是15px,這個css怎么寫?3. mysql函數unix_timestamp如何處理1970.1.1以前的數據?4. 怎樣使留言的數據與登錄的用戶名,密碼保持一致(在數據庫上是一行的)。5. mysql money 插入數據為什么報錯?6. java - 關于使用POI解析excel中的時間格的值7. html - 急求,能否用flex或者高端點的CSS來布局這個圖呢?不想用浮動或定位了8. css如何實現兩欄布局,左邊固定寬度,右邊寬度自適應,且高度和瀏覽器當前高度一致?9. javascript - vue-cli 發布之后,如何在接口地址中去掉在開發環境中設置的跨域proxyTable配置10. 請問永久和臨時重定向有什么區別
排行榜
