Javascript語法？

Question

我甚至不知道如何命名我想要的。所以讓我通過舉例來解釋它。

雖然firefox使用textContent，但其他瀏覽器支持innerText屬性。順便說一句，如果我使用錯誤的術語，請糾正我。無論如何，迄今爲止一切都很好。但我想類似如下：

document.getElementById(id).iText = "blablabla" 
//or 
var x = document.getElementById(id).iText; 
//where iText is something like: 

if(e.innerText) return innerText; 
else return textContent; 

我不想使用的功能這個東西。另外，請告訴我這個「東西」的名字，如果存在的話，因爲我不熟悉它。

Answer 1

一般來說，你想要的東西是calle d'getters'（並設置文本，'setters'）。有關文檔，請參閱例如。 MDC

在DOM節點上，IE不能可靠地支持添加這些屬性（至少在IE8之前，請參閱this MSDN doc）。但是，Webkit（Chrome）和Gecko（Firefox）似乎很樂意讓您修改DOM原型。這讓你：

try { 
    if (!('innerText' in HTMLElement.prototype)) { 
     HTMLElement.prototype.__defineGetter__("innerText", function() { return this.textContent; }); 
    } 
} catch (ex) {/*uh oh*/} 

你可以使用類似的語法來定義一個setter：

HTMLElement.prototype.__defineSetter__("innerText", function(newVal) { return this.textContent = newVal; }); 

雖然這工作，我仍然強烈建議使用您所選擇的庫（jQuery的，原型， MooTools，YUI，等等）。當然，你可以自己做這種工作，但對於大多數情況下，你的努力最好花在編寫實際應用程序上。

Answer 2

不知道這「東西」你的意思，但你可以使用一個邏輯或檢索文本：

var text = x.textContent || x.innerText; 

這將返回x.innerText如果x.textContent沒有定義（和x.textContent如果它被定義）。這是一個非常普遍的捷徑。

分配有點棘手，我甚至不確定您是否可以分配這些屬性。但是，如果可以的話，那麼它與分配innerHTML（除了渲染HTML之外）具有相同的效果，即用給定的字符串替換整個內容。
但每個瀏覽器都支持innerHTML，因此更易於使用。

Answer 3

嵌入jQuery，然後簡單地使用$('#' + id).text()。

這是唯一正確的方法。儘管JavaScript允許您定義具有getter的屬性，但擴展主機對象（並且DOM節點是主機對象）可能會導致未定義的行爲。

Answer 4

要麼做某事像

var x = elem.innerText || elem.textContent || ""; 

或simly使用jQuery，讓它爲您處理

var x = $('myElement').text(); 

Answer 5

如果您需要引用innerText或textContent幾次，你可以這樣做像這樣：

// Check which is supported: 
var textProp = "textContent" in document.body ? "textContent" : "innerText"; 

// And when you need it: 
var text = document.getElementById("myId")[textProp];