innertext是jquery的一個常用屬性,它能夠獲取或設置元素的文本內容。它是通過獲取元素的textContent來實現的,而不是通過innerHTML屬性獲取元素的HTML內容。
//獲取元素的innertext var text = $('#example').text(); //設置元素的innertext $('#example').text('新的文本內容');
與html()方法不同,innertext不會返回或設置元素的HTML內容。它只能夠操作元素的文本內容。
//獲取元素的html內容 var html = $('#example').html(); //設置元素的html內容 $('#example').html('新的HTML內容');
另外需要注意的是,innertext獲取的文本內容會過濾掉HTML標簽,只返回文字。而html()方法則會返回包含HTML標簽的內容。
加粗的文字普通的文字//獲取元素的text和html var text = $('#example').text(); var html = $('#example').html(); //輸出結果 console.log(text); //加粗的文字 普通的文字 console.log(html); //加粗的文字普通的文字
因此,在使用innertext屬性時要注意文本內容是否包含HTML標簽。
下一篇微軟云CSS支持工程師