js中innerHTML與innerText的用法與區別
用法:
<div id="test">
<span style="color:red">test1</span> test2
</div>
在JS中可以使用:
test.innerHTML:
也就是從物件的起始位置到終止位置的全部內容,包括Html標籤。
test.innerText:
從起始位置到終止位置的內容, 但它去除Html標籤
上例中的text.innerTest的值也就是“test1 test2”, 其中span標籤去除了。
test.outerHTML:
除了包含innerHTML的全部內容外, 還包含物件標籤本身。
上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>
完整示例:
<div id="test">
<span style="color:red">test1</span> test2
</div>
<a href="javascript:alert(test.innerHTML)">innerHTML內容</a>
<a href="javascript:alert(test.innerText)">inerHTML內容</a>
<a href="javascript:alert(test.outerHTML)">outerHTML內容</a>
特別說明:
<a href="javas
cript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">無HTML,符合W3C標準</a>
相關推薦
js中slice、splice用法與區別
delet 內容 title pan ont 指定 至少 一個 拷貝 1.slice(start,end)(參數可選) slice() 方法返回一個從開始到結束(不包括結束)選擇的數組的一部分淺拷貝到一個新數組對象。原始數組不會被修改。 var a = [‘a‘, ‘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
JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯系?jQuery中的text()、html()和val()
chrom html標簽 sel detail put 替換 not 內容 tail 一、JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯系?jS中設置或者獲取所選內容的值:①innerHTML :屬性設置或返回該
JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯絡?
1、innerHTML 屬性 (參考自《JavaScript高階程式設計》294頁) 在讀模式下,innerHTML 屬性返回與呼叫元素的所有子節點(包括元素、註釋和文字節點)對應的 HTML 標記。在寫模式下,innerHTML 會根據指定的值建立新的 DOM 樹,然後用這個 DOM 樹完全替換呼叫元素
在js中innerHTML與innerText的區別
innerHTML:獲取雙閉合標籤裡面的html內容,並且要識別標籤。 innerText:獲取雙閉合標籤裡面的文字內容,不會識別html標籤。 具體看下方程式碼演示:(只展示了body和script裡面的程式碼) <body> <div id=
JS中的事件監聽與事件流
pan 交互 ack 其他 獲得 發生 listen 監聽器 pre 事件監聽: 使用監聽器(eventListener)來預定事件,在傳統軟件工程中稱成為觀察者模式 執行某種操作時(特定的交互瞬間),會產生對象,對象會沿事件流的方向傳播。 事件流: 事件流有
Javascript中innerHTML和innerText的區別
utf meta charset 測試 第一個 class utf-8 html標簽 技術分享 innerHTML:獲取的是從對象的起始位置到終止位置的全部內容,包括HTML標簽 innerText:獲取的是起始位置到終止位置的內容,但是會將HTML標簽去掉 下面寫一段代碼
JS中判斷null、undefined與NaN的方法
amp parseint syntax alt ref lin too command code 寫了個 str ="s"++; 然後出現Nan,找了一會。 收集資料如下判斷: 1.判斷undefined: ? 1 2 3 4
C語言中關鍵詞static的用法與作用域
細心 錯誤 不同 color 運行程序 可能 gpo 需要 之間 一、面向過程設計中的static 轉載:http://blog.csdn.net/celerylxq/article/details/6160499 1、靜態全局變量 在全局變量前,加上關鍵字stati
淺析JS中的堆內存與棧內存
png ror 原因 不知道 mage 再看 tro 這也 怎麽 最近跟著組裏的大佬面試碰到這麽一個問題, Q:說說var、let、const的區別 A:balabalabalabla... Q:const定義的值能改麽? A:你逗我?不能吧 不知道各位看官怎麽想?答案
JS中的原型對象與構造器
輸出 示例 native error 增加 code 當我 span 包含 在Javascript中:原型對象是屬於構造函數的,不屬於實例;實例只能共享原型對象中的屬性和方法(當然也可以有自己的屬性和方法,或者覆蓋原型中同名的屬性和方法);構造器constructor屬於原
JS中判斷null、undefined與NaN
1.使用js查詢某個節點或屬性,如果該node或attr不存在,則返回undefined. 判斷undefined可採用typeof函式判斷:typeof(node) == “undefined”返回true即表示undefined (typeof 返回的是字串型別有:”number
js中處理json Json物件與Json字串的轉化、JSON字串與Java物件的轉換
轉:https://www.cnblogs.com/zq-boke/p/5833387.html Json物件與Json字串的轉化、JSON字串與Java物件的轉換 一.Json物件與Json字串的轉化 1.jQuery外掛支援的轉換方式: $.pars
js中值的基本型別與引用型別,以及物件引用,物件的淺拷貝與深拷貝
js有兩種型別的值:棧:原始資料型別(undefinen,null,boolead,number,string)堆:引用資料型別(物件,函式和陣列)兩種型別的區別是:儲存位置不同,原始資料型別直接儲存在棧(stack)中的簡單資料段,佔據空間小,大小固定,屬於被頻繁使用的資料,所以放入棧中儲存;引用資料型別儲
js中this的繫結與丟失
一直以來,this指向的問題都困擾著我,老是不清楚this到底是指向呼叫物件還是指向window,今天做個了結。 問題由下面這道題引出: var obj={ id:"awesome", cool:function coolFn(){ console.log(this.
在前端的js中設定按鈕的可見與不可見
html:<button type="button" id="change_cancel" class="btn btn-default" style="position:relative;left:-50px;opacity:1;">取消</button&
在javascript中innerHTML和innerText的區別,以及innerHTML和innerText在各個版本瀏覽器的相容性問題
1. 在javascript中,首先我們來看innerHTML和innerText都可以用於獲取DOM元素中的內容。 我們可以這樣寫: (1)使用innerText時 在JS中我們, 從而得到
auto_ptr 與 shared_ptr 用法和區別總結
一、std::auto_ptr 被複制後,將失去原來所致資源的所有權;*auto_ptr在標頭檔案<memory>中。 永不建立auto_ptr的容器 關於此可以看的Effective STL的條款8 因為auto_ptr並不是完美無缺的,它的確很方便,但也有
JS中的Boolean基本型別與包裝型別
boolean是都用過的型別,有基本型別和包裝型別,之前寫過一段程式碼,不知道錯在哪裡,後來翻閱書籍才知道原因 var falseObject = new Boolean(false);//使用FA
JS中的可列舉屬性與不可列舉屬性
一、怎麼判斷屬性是否可列舉js中基本包裝型別的原型屬性是不可列舉的,如Object, Array, Number等,如果你寫出這樣的程式碼遍歷其中的屬性:var num = new Number(); for(var pro in num) { console.log