Zihni Kaya » Document Object Model http://www.zihni.net Wed, 16 Nov 2011 07:22:20 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Javascript Hatası:…submit is not a function http://www.zihni.net/dom/javascript-hatasithisformsubmit-is-not-a-function/ http://www.zihni.net/dom/javascript-hatasithisformsubmit-is-not-a-function/#comments Wed, 28 Jan 2009 20:47:54 +0000 Zihni http://www.zihni.net/?p=561 Javascripteki ayrılmış kelimeler(reserved words), button ismi ve fonksiyon olarak kullanıldığında çatışma(collision) meydana geliyor.

Hata Mesajı:

1

this.form.submit is not a function

“Submit” metodunu kullandığım yer:

1

<select  onchange="this.form.submit();">

Buton adı olarak “submit” kulladığım yer:

1

<input type="submit" name="submit" value="Ekle">

Buton adını “submit”ten başka bir adla, örneğin “ekle” olarak değiştirdiğimde sorun düzeliyor.

1

<input type="submit" name="ekle"  value="Ekle">
]]> http://www.zihni.net/dom/javascript-hatasithisformsubmit-is-not-a-function/feed/ 0 innerHTML Özelliği http://www.zihni.net/dom/innerhtml-ozelligi/ http://www.zihni.net/dom/innerhtml-ozelligi/#comments Sun, 27 Jul 2008 13:04:38 +0000 Zihni http://www.zihni.net/?p=73 Sözdizimi:

var hamHTML = eleman.innerHTML;
eleman.innerHTML = hamHTML;

Eleman içeriğini -varsa alt elemanları da- biçimlendirilmemiş(ham) html olarak getirir veya belirler.

1
2
3
4
5
6
7
8

<div id="myDiv"><p>içerik</p>
<p>paragraf metin</p>
</div>
 
//myDiv elemanın içeriği:
document.getElementById("myDiv").innerHTML;
 
// Çıktı "<p>içerik</p><p>paragraf metin</p>"
]]> http://www.zihni.net/dom/innerhtml-ozelligi/feed/ 0 setAttribute() Metodu http://www.zihni.net/dom/setattribute-yontemi/ http://www.zihni.net/dom/setattribute-yontemi/#comments Tue, 22 Jul 2008 18:40:08 +0000 Zihni http://www.zihni.net/?p=69 Sözdizimi:

eleman.setAttribute(ad, deger);

Elemanlara yeni nitelik ekler veya varolan elamanın niteliğini değiştirir.

adi parametresiyle niteliğin adı belirtilir.
deger parametresiyle niteliğin değeri girilir.

<input id="txtAdi" type="text" />

Yukardaki gibi bir input elemanımız olsun, value niteliğini Atatürk yapalım.

document.getElementById("txtAdi").setAttribute("value", "Atatürk");
]]> http://www.zihni.net/dom/setattribute-yontemi/feed/ 0 RemoveChild() Metodu http://www.zihni.net/dom/removechild-yontemi/ http://www.zihni.net/dom/removechild-yontemi/#comments Sun, 10 Feb 2008 18:38:27 +0000 Zihni http://www.zihni.net/?p=30 Sözdizimi:

element.removeChild(child);

Çocuk düğümü siler.

element : Üst(parent) düğümün adıdır.
child : Silinecek olan çocuk düğümün adıdır.

düğüm başarıyla silinirse düğüm adını döndürür, başarısız olursa NULL döndürür.

Aşağıdaki gibi bir belgemiz olsun.

1
2
3
4
5
6
7
8
9
10

<html>
<head>
</head>
<body>
<div id="myDiv">
<span id="span1">Faust</span><br />
<span id="span2">Vadideki Zambak</span> <br />
</div>
</body>
</html>

span1 id’li düğümü silen kod:

1
2
3
4
5

var element = document.getElementById("myDiv");
// FF için span1 id li düğümü siliyoruz.
element.removeChild(element.childNodes[1]);
// IE için span1 id li düğümü siliyoruz.
element.removeChild(element.childNodes[0]);
]]> http://www.zihni.net/dom/removechild-yontemi/feed/ 0 getAttribute() Metodu http://www.zihni.net/dom/getattribute-yontemi/ http://www.zihni.net/dom/getattribute-yontemi/#comments Thu, 10 Jan 2008 18:32:32 +0000 Zihni http://www.zihni.net/?p=29 Sözdizimi:

nitelikDegeri = eleman.getAttribute(nitelikAdi)

nitelikAdi parametresi ile verilen niteligin değerini döndürür.

Aşağıdaki gibi bir belgemiz olsun.

1
2
3
4
5
6
7
8
9

<html>
<head>
</head>
<body>
<div id="myDiv" align="left" >
 
</div>
</body>
</html>

myDiv elemanının, align niteliğinin degerini yazdıran kod:

1
2
3
4
5
6
7
8
9

<script type="text/javascript">
var div1 = document.getElementById("myDiv");
var align = div1.getAttribute("align");
document.write(align);
</script>
 
Çıktı:
 
left
]]> http://www.zihni.net/dom/getattribute-yontemi/feed/ 0