讓你快速瞭解innerHTML與innerText的區別
一.特點
innerHTML :可取,可寫,可賦值;
innerText :可取,可賦值 (老版本火狐不相容) / textContent(老版本火狐使用這個方法,但老版本 IE 不能用)。
二.區別
1.標籤(元素節點)使用此方法的返回型別:
innerHTML :返回的是標籤內部的所有HTML程式碼,包括元素、屬性、文字、註釋等節點;
innerText:返回的僅是文字節點,也就是標籤名和註釋之類的都不會返回。
2.給他們賦值後的效果:
innerHTML :如果賦值為"<br>",那麼程式碼上會增加標籤,且網頁顯示換行;
innerText:如果賦值為"<br>",那麼程式碼上會增加一個string型別的字串("<br>")。
三.相同
如果對div使用innerText賦值了一些內容,如"123"後,會和innerHTML一樣,導致div標籤內部只剩下賦值的內容"123"。
相關推薦
讓你快速瞭解innerHTML與innerText的區別
一.特點 innerHTML :可取,可寫,可賦值; innerText :可取,可賦值 (老版本火狐不相容) / textContent(老版本火狐使用這個方法,但老版本 IE 不能用)。 二.區別 1.標籤(元素節點)使用此方法的返回型別: innerHTML :返回的是標籤
innerHTML與innerText區別
.get pre class 可能 如果 defined tle 標簽 ack document 對象中有innerHTML和innerText 兩個屬性, 這兩個屬性都是獲取document對象的文本內容的,這兩個屬性間有哪些區別呢? 示例1(一層嵌套各瀏覽器輸出)
一篇jquery知識 讓你快速瞭解jquery
1.釋放 的 使 用 權
最實用的 Redis總結,簡單易懂,讓你快速瞭解Redis。
1,redis是什麼 redis是一種支援Key-Value等多種資料結構的儲存系統。可用於快取,事件釋出或訂閱,高速佇列等場景。該資料庫使用ANSI C語言編寫,支援網路,提供字串,雜湊,列表,佇列,集合結構直接存取,基於記憶體,可持久化。
innerHTML&innerHTML與innerText的區別&outerHTML&innerHTML與html的區別
實現 對象 logs ava img innertext () cli html innerHTML innerHTML 屬性設置或返回表格行的開始和結束標簽之間的 HTML。 語法:HTMLElementObject.innerHTML=text 所有主要瀏覽器都支持
javascript innerHTML與innertext與value區別
innerHTML: innerHTML 瀏覽器會將inneHTML後面的內容作為html來解析。 document.getElementById("myspan").innerHTML="<a href='http://www.sina.com'>到新
在js中innerHTML與innerText的區別
innerHTML:獲取雙閉合標籤裡面的html內容,並且要識別標籤。 innerText:獲取雙閉合標籤裡面的文字內容,不會識別html標籤。 具體看下方程式碼演示:(只展示了body和script裡面的程式碼) <body> <div id=
心田花開教學讓你快速掌握心田上的百合花寫法與修辭手法運用
心田上的百合花中的詞語用法、修辭手法、寫作手法等知識點都是小學考試的必考點,心田花開教學從心田上的百合花文章中提煉出了詞語用法、修辭手法、寫作手法等知識點,讓你快速掌握心田上的百合花的學習重點及知識點。 一、熟讀文章是掌握心田上的百合花的重要基礎 《心田上的百合花》全文: 在一個偏僻遙遠的
一篇文章快速讓你真正瞭解Java
“你學習一門技術的最佳時機是三年前,其次是現在。”這句話對於哪一種行業都很適用,如果你已經學習過Java,那麼恭喜你你很有先見之明,如果你並不瞭解Java,這篇文章帶你快速掌握Java的幾個核心知識點。 一、Java特點 1、 面向物件 儘管受到其前輩的影響,但Java沒被設計成
JavaScript中innerHTML與innerText,createTextNode的區別
innerHTML和innerText 它們都會把元素內內容替換掉,區別在於: innerHTML 會把替換內容裡的 HTML 標記解釋執行。 innerText 會把替換內容裡的 HTML 標記原樣輸出而不執行。 例如有如下程式碼: var content = "<b>這是對innerHT
innerHtml與innerText的區別
innerHTML是指某個網頁元素內部的程式碼,而innerTEXT是指某個網頁元素的文字內容.寫個例子給你: <div name="abc"><b>測試</b>&
js中innerHTML與innerText的用法與區別
用法:6c&Z6T-l g7r0SupeSite/X-Space官方站-pp ?*i#{j%s<div id="test"> [email protected]#D?LS/d0 <span style="color:red">te
安卓JNI精細化講解,讓你徹底瞭解JNI(一):環境搭建與HelloWord
目錄 1、基礎概念 ├──1.1、JNI ├──1.2、NDK ├──1.3、CMake與ndk-build 2、環境搭建 3、Native C++ 專案(HelloWord案例) ├── 3.1、專案建立(java、kotlin) ├── 3.2、CMake的應用(詳細講解) ├── 3.3、ndk-bui
讓你快速學會Shell腳本
原理 $2 倉庫 重定向 字符 可能 cti tin 做什麽 Shell腳本,就是利用Shell的命令解釋的功能,對一個純文本的文件進行解析,然後執行這些功能,也可以說Shell腳本就是一系列命令的集合。Shell可以直接使用在win/Unix/Linux上面,並且可以調用
讓你快速了解並掌握如何進行iOS開發技能
cor pat 單行 測試 col time reac 默認值 action 首先你要花點時間針對objective-c語言的學習;畢竟這個是iOS開發的基礎(你也可以嘗試用Swift,但此項目只是針對OC),編程套路其實都是差不多,多寫多想多實踐;關於環境的搭建就不
webpack-第02節:讓你快速上手一個Demo
bpa live data- ati translate 輸入 理解 dex ans 上節課已經安裝好了Webpack到電腦上,這節課就開始一個簡單的Demo,讓你快速上手和熟悉Webpack的基本用法,學習並作完這節課內容你就可以和朋友小吹一下說:我也會Webpack。
移動支付商家管理系統 采寶讓你快速搭建收款模式
移動支付商家 商家管理系統 采寶支付收款 隨著互聯網、大數據高速發展,線下商戶經營面臨巨大挑戰。一方面,要求信息化建設日益加強,移動化成為工作重要溝通方式;另一方面,要求員工創新管理,追求高效便捷辦公形式。在市場趨勢下,對線下商戶訴求越來越高,以達到滿足用戶需求。
一篇文章讓你快速入門 學懂Shell腳本
運行 turn origin 判斷語句 load for循環 網絡操作 場景 個數字 Shell腳本,就是利用Shell的命令解釋的功能,對一個純文本的文件進行解析,然後執行這些功能,也可以說Shell腳本就是一系列命令的集合。 Shell可以直接使用在win/Uni
2個簡單實例讓你快速理解try-catch的用法
分享圖片 代碼塊 button mage 理解 bsp click pan 簡單 相信在實際項目中,你可能經常會看到類似下面的代碼 try { // 嘗試執行代碼塊 } catch(err) { // 捕獲錯誤的代碼塊 } finally {
一文帶你快速瞭解最火的數字經濟(大資料、人工智慧等都有)
人工智慧行業應用加速(暴富機會由“網際網路+”轉向AI+) “網際網路+”紅利已開發將盡,未來,新的暴富紅利將由“人工智慧”接棒。從產業演進看,科技巨頭正加速全球化併購,打造AI生態閉環,開源化也將成為全球性趨勢。開源化使得人工智慧的行業運用門檻急遽降低,未來幾年將迎來人工智慧行業應用浪潮。 2