JS中的innerText和innerHTML標籤之間的區別
阿新 • • 發佈:2018-12-17
//設定標籤中的內容
my$("btn").onclick=function () {
//總結:如果使用innerText主要是設定文字的;不識別HTML的標籤
//my$("dv").innerText="哈哈";//設定文字
//my$("dv").innerText="<p>這是一個p</p>";//設定html標籤的程式碼
//總結:innerHTML是可以設定文字內容;能夠識別HTML的標籤;設定文字的內容推薦使用innerHTML屬性
//my$("dv").innerHTML="哈哈";
my$("dv").innerHTML="<p>這是一個p</p>";//設定Html標籤的
}
//獲取標籤中的內容
my$("btn2").onclick=function () {
//innerText可以獲取標籤中間的文字內容,但是標籤中如果還有標籤,那麼最裡面的標籤的文字內容也能獲取.---獲取不到標籤
//console.log(my$("dv").innerText);
//innerHTML才是真正的獲取標籤中間的所有內容,包括標籤符號
console.log(my$("dv").innerHTML);
};
//結論:
//如果想要(獲取)標籤及內容,使用innerHTML
//如果想要設定標籤,使用innerHTML
//想要設定文字,用innerText,或者innerHTML,或者textContent