如何擴展dom中的stack元素？

Question

正在成功擴展Element ，例如，

Element.prototype.ancestorByTagName = function( tagName ) { ... }

但無法弄清楚如何專門擴展Select元素

例如，以下每個失敗：

Select.prototype.appendOption = function( value, label, select_value ) { ... }
Element.Select.prototype.appendOption = function( value, label, select_value ) { ... }

茫然。

在這種情況下，將新方法appendOption限制為Select而不是All Element是appendOption的，因為只有Select可以具有Option子項。 Select的add方法也很la腳。

Answer 1

不確定從何處獲得Element.Select ，但這不是本機對象。 您需要HTMLSelectElement （ MDC參考 ）。

---

注意 ：請務必閱讀本文 ，如注釋中所指出的，有關為什么不擴展DOM的內容。

Answer 2

這是在Firefox 4中有效的功能

<script>
if (HTMLSelectElement)  HTMLSelectElement.prototype.addOption = function(text,value) {
  this.options[this.options.length]= new Option(value,text)
}
else alert("It's not called HTMLSelectElement")
window.onload=function() {
  document.getElementById('sel1').addOption("Hi","There")
}
</script>
<select id="sel1"></select>

並在IE8中給了我

網頁錯誤詳細信息

Message: 'HTMLSelectElement' is undefined
Line: 2
Char: 1
Code: 0
URI: file:///C:/TEMP/addoption.html