資訊專(zhuān)欄INFORMATION COLUMN
摘要：獲取文本內(nèi)容屬性表示頁(yè)面指定節(jié)點(diǎn)及其后代節(jié)點(diǎn)的文本內(nèi)容。需要說(shuō)明的是，在上述語(yǔ)法結(jié)構(gòu)中，調(diào)用屬性的表示元素節(jié)點(diǎn)。本教程采用知識(shí)共享署名非商業(yè)性使用禁止演繹國(guó)際許可協(xié)議進(jìn)行許可。
Node 對(duì)象提供了 textContent 屬性實(shí)現(xiàn)獲取或設(shè)置 HTML 頁(yè)面中指定元素的文本內(nèi)容。
獲取文本內(nèi)容textContent 屬性表示 HTML 頁(yè)面指定節(jié)點(diǎn)及其后代節(jié)點(diǎn)的文本內(nèi)容。其語(yǔ)法格式如下:
var text = element.textContent;
在上述語(yǔ)法結(jié)構(gòu)中，返回值 text 表示 element 節(jié)點(diǎn)及其后代節(jié)點(diǎn)的文本內(nèi)容。
需要說(shuō)明的是，在上述語(yǔ)法結(jié)構(gòu)中，調(diào)用 textContent 屬性的 element 表示元素節(jié)點(diǎn)。元素節(jié)點(diǎn)本身也是一個(gè)元素。
值得注意的是: 如果指定節(jié)點(diǎn)是 Document 文檔節(jié)點(diǎn)的話(huà)，textContent 返回 null。
我們可以通過(guò)如下代碼示例，測(cè)試如何通過(guò) textContent 屬性獲取指定節(jié)點(diǎn)的文本內(nèi)容:
var pElement = document.getElementById("p");
console.log(pElement.textContent);
設(shè)置文本內(nèi)容值得注意的是: 如果指定節(jié)點(diǎn)的后代節(jié)點(diǎn)也包含文本內(nèi)容的話(huà)，那該節(jié)點(diǎn)調(diào)用 textContent 屬性時(shí)，則會(huì)返回該節(jié)點(diǎn)及其所有后代節(jié)點(diǎn)的文本內(nèi)容。
如下 HTML 頁(yè)面結(jié)構(gòu):
這是一個(gè)段落內(nèi)容。
如果我們通過(guò)上述
元素調(diào)用 textContent 屬性的話(huà)，得到的結(jié)果并不是如下結(jié)果:
這是一個(gè)內(nèi)容。而是如下結(jié)果:
這是一個(gè)段落內(nèi)容。
通過(guò) textContent 屬性不僅可以獲取 HTML 頁(yè)面中指定節(jié)點(diǎn)及其后代節(jié)點(diǎn)的文本內(nèi)容，還可以設(shè)置指定節(jié)點(diǎn)的文本內(nèi)容。其語(yǔ)法結(jié)構(gòu)如下:
element.textContent = "this is some sample text";
值得注意的是: 在節(jié)點(diǎn)上設(shè)置?textContent?屬性的話(huà)，會(huì)刪除它的所有子節(jié)點(diǎn)，并替換為一個(gè)具有給定值的文本節(jié)點(diǎn)。
我們可以通過(guò)如下代碼示例，測(cè)試如何通過(guò) textContent 屬性設(shè)置指定節(jié)點(diǎn)的文本內(nèi)容:
var btn = document.getElementById("btn");
btn.textContent = "A New Button";
innerText 屬性
IE 引入了?node.innerText 屬性，意圖類(lèi)似 textContent。但有以下區(qū)別：
textContent?會(huì)獲取所有元素的內(nèi)容，包括?
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/87188.html
摘要：對(duì)象的作用對(duì)象作為訪問(wèn)和更新頁(yè)面內(nèi)容的入口。這個(gè)結(jié)果充分地說(shuō)明了對(duì)象在的標(biāo)準(zhǔn)規(guī)范中代表整個(gè)頁(yè)面。對(duì)象的繼承鏈對(duì)象是繼承于對(duì)象的。對(duì)象也是的標(biāo)準(zhǔn)規(guī)范中非常重要的對(duì)象之一，而對(duì)象又是繼承于對(duì)象。 Document 對(duì)象是 DOM 的標(biāo)準(zhǔn)規(guī)范中比較重要的對(duì)象之一。該對(duì)象提供了訪問(wèn)和更新 HTML 頁(yè)面內(nèi)容的屬性和方法。 Document 對(duì)象的作用 Document 對(duì)象作為 DOM 訪問(wèn)和...
摘要：系列教程是一套免費(fèi)開(kāi)源，任何人都可以免費(fèi)學(xué)習(xí)分享，甚至可以進(jìn)行修改。本文是這套系列教程的索引也就是目錄第一回介紹在最開(kāi)始，我們先來(lái)了解是什么的作用，以及瀏覽器的支持是怎么樣的。 《EASYDOM》系列教程是一套免費(fèi)、開(kāi)源，任何人都可以免費(fèi)學(xué)習(xí)、分享，甚至可以進(jìn)行修改。但需要注明作者及來(lái)源，并且不能用于商業(yè)。 本文是這套系列教程的索引（也就是目錄）: 第一回 DOM 介紹 在最開(kāi)始，我...
摘要：對(duì)象提供了屬性用于實(shí)現(xiàn)獲取或設(shè)置頁(yè)面指定元素的代碼。需要說(shuō)明的是，在上述語(yǔ)法結(jié)構(gòu)中，調(diào)用屬性的表示元素節(jié)點(diǎn)。但需要注明作者及來(lái)源，并且不能用于商業(yè)。本教程采用知識(shí)共享署名非商業(yè)性使用禁止演繹國(guó)際許可協(xié)議進(jìn)行許可。 Element 對(duì)象提供了 innerHTML 屬性用于實(shí)現(xiàn)獲取或設(shè)置 HTML 頁(yè)面指定元素的 HTML 代碼。 獲取 HTML 代碼 innerHTML 屬性表示 HTM...
摘要：而標(biāo)準(zhǔn)規(guī)范中提供了對(duì)象，主要是依靠元素樹(shù)結(jié)構(gòu)訪問(wèn)和更新頁(yè)面的內(nèi)容。值得注意的是所有的頁(yè)面的元素都是對(duì)象，而這個(gè)對(duì)象又是繼承于對(duì)象的。我們可以簡(jiǎn)單地理解對(duì)象是對(duì)象的補(bǔ)充。本教程采用知識(shí)共享署名非商業(yè)性使用禁止演繹國(guó)際許可協(xié)議進(jìn)行許可。 DOM 的標(biāo)準(zhǔn)規(guī)范中提供了 Element 對(duì)象，該對(duì)象提供了 HTML 頁(yè)面中所有元素所具有的屬性和方法。 我們都知道 DOM 標(biāo)準(zhǔn)規(guī)范中提供了 Nod...
摘要：對(duì)象提供了可以創(chuàng)建元素節(jié)點(diǎn)屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)的方法，方便更新頁(yè)面中的元素。是返回值，表示創(chuàng)建的元素。最后，通過(guò)方法創(chuàng)建屬性節(jié)點(diǎn)，并設(shè)置了屬性值為，再將該屬性節(jié)點(diǎn)添加到新創(chuàng)建的元素中。 Document 對(duì)象提供了可以創(chuàng)建元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)的方法，方便 DOM 更新 HTML 頁(yè)面中的元素。 創(chuàng)建元素節(jié)點(diǎn) Document 對(duì)象提供了 createElement() 方法創(chuàng)建元...
閱讀 1989·2021-11-25 09:43
閱讀 3763·2021-11-24 10:32
閱讀 1274·2021-10-13 09:39
閱讀 2449·2021-09-10 11:24
閱讀 3424·2021-07-25 21:37
閱讀 3547·2019-08-30 15:56
閱讀 931·2019-08-30 15:44
閱讀 1518·2019-08-30 13:18
