document.implementation

document.implementation özelliği, DOM tanımlamasının tüm sürümlerinde DOMImplementation arayüzünü temsil eder. Bu arayüzün tek metodu olan hasFeature() metodu parametre olarak aldığı DOM özellik adı ve sürüm numarasına göre özelliğin tarayıcıda desteklenip-desteklenmediğini kontrol ederek, desteklenmesi durumunda true, desteklenmemesi durumunda false döndürür.

Sözdizimi

DOMUyum = document.implementation

sonuc = DOMUyum.hasFeature( ozAdi, ozSur)

ozAdi	Özellik adı. Alabileceği değerler aşağıdaki tabloda listelenmiştir.
ozSur	DOM Sürümü. 1.0, 2.0 ve 3.0 değerlerinden birini alır. (Şubat 2008)

Dönüş Değeri

sonuc

Özellik destekleniyorsa true, diğer türlü false döner.

DOM Özellik İsimleri

Özellik isimlerinde büyük-küçük harf hassasiyeti vardır.

DOM Level 1

HTML
XML

DOM Level 2

Core
HTML
XML
Views
StyleSheets
CSS
CSS2
Events
UIEvents
MouseEvents
MutationEvents
HTMLEvents
Range
Traversal

DOM Level 3

Core
XML
Events
UIEvents
MouseEvents
TextEvents
KeyboardEvents
MutationEvents
MutationNameEvents
HTMLEvents
LS
LS-Async
Validation
XPath

Aşağıdaki örnek, tarayıcının desteklediği DOM versiyonlarını ve özelliklerini göstermektedir.


<input type="button" value="DOM Sürümlerini Göster" onClick="domGoster()"/>
<div id="bilgiKutu"></div>

<script type="text/javascript">

// Satır oluşturup HTML olarak döndürür.
function sutunVer(adi, versiyon, destek)
{
    support = destek ? "<span style='color:green;'>EVET</span>" : 
                       "<span style='color:red;'>HAYIR</span>";
    return "<tr><td width='150'>" + adi + 
           "</td><td width='50'>" + versiyon + 
           "</td><td width='50'>" + support + "</td></tr>";
}

// hasFeature metodunun kısa hali
var domImp = function(ozellik, surum) {
    return document.implementation.hasFeature(ozellik, surum);
}

function domGoster()
{
var Level1 = ["HTML", "XML"];
var Level2 = ["Core", "HTML", "XML", "Stylesheets", "CSS", "CSS2", "Views",
              "Events", "UIEvents", "MouseEvents", "HTMLEvents", "MutationEvents",
              "Range", "Traversal"];
var Level3 = ["Core", "XML", "Events", "UIEvents", "MouseEvents", "TextEvents",
              "KeyboardEvents", "MutationEvents", "MutationNameEvents", "HTMLEvents",
              "LS", "LS-Async", "Validation", "XPath"];
var yazilacak = "";

// ----- Tablo yazılıyor
yazilacak += "<table cellpadding='0' cellspacing='0'>";

// ----- Level 1 yazılıyor
yazilacak += "<tr><td colspan='3'><b>DOM Level 1</b></td></tr>";

yazilacak += sutunVer("HTML", "1.0", (domImp("HTML","1.0") ? true : false));
yazilacak += sutunVer("XML", "1.0", (domImp("XML","1.0") ? true : false));

// ----- Level 2 yazılıyor
yazilacak += "<tr><td colspan='3'><b>DOM Level 2</b></td></tr>";

for(i = 0;i < Level2.length;i++)
    yazilacak += sutunVer(Level2[i], "2.0", (domImp(Level2[i],"2.0") ? true : false));

// ----- Level 3 yazılıyor
yazilacak += "<tr><td colspan='3'><b>DOM Level 3</b></td></tr>";

for(i = 0;i < Level3.length;i++)
    yazilacak += sutunVer(Level3[i], "3.0", (domImp(Level3[i],"3.0") ? true : false));

yazilacak += "</table>";
// ----- Tablo yazımı bitti

document.getElementById("bilgiKutu").innerHTML = yazilacak;
}
</script>

Canlı Sonuç