<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Zihni &#187; createElement</title>
	<atom:link href="http://www.zihni.net/tag/createelement/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zihni.net</link>
	<description>Zihinsel şeyler, web programlama falan filan</description>
	<lastBuildDate>Wed, 28 Jul 2010 09:36:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>createElement() Metodu</title>
		<link>http://www.zihni.net/dom/createelement-metodu/</link>
		<comments>http://www.zihni.net/dom/createelement-metodu/#comments</comments>
		<pubDate>Sat, 10 Mar 2007 18:40:59 +0000</pubDate>
		<dc:creator>Zihni</dc:creator>
				<category><![CDATA[Document Object Model]]></category>
		<category><![CDATA[createElement]]></category>

		<guid isPermaLink="false">http://www.zihni.net/?p=31</guid>
		<description><![CDATA[


Sözdizimi:
yeniElementAdi = document.createElement(etiketAdi);
Yeni bir element düğümü yaratmak için kullanılır.
yeniElementAdi: Yaratılacak elementin adıdır.
Aşağıdaki gibi bir belgemiz olsun.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
&#60;html&#62;
&#60;head&#62;
&#60;/head&#62;
&#60;body&#62;
&#60;div&#62;
&#60;ol id=&#34;myOi&#34;&#62;
&#60;li&#62;Faust&#60;/li&#62;
&#60;li&#62;Vadideki zambak&#60;/li&#62;
&#60;/ol&#62;
&#160;
&#60;/div&#62;
&#60;/body&#62;
&#60;/html&#62;

Sıralı liste etiketimize bir element daha ekleyen kod aşağıdaki gibi olur.

1
2
3
4
5
6
7
8
9
10
11
12
&#60;script type=&#34;text/javascript&#34;&#62;
var x = document.getElementById&#40;&#34;myOi&#34;&#41;;
var yeniElement = document.createElement&#40;&#34;li&#34;&#41;;
x.appendChild&#40;yeniElement&#41;;
&#60;/script&#62;
&#160;
&#160;
Çıktı:
&#160;
1.   Faust
2.   Vadideki zambak
3.

]]></description>
			<content:encoded><![CDATA[<p><strong>Sözdizimi:</strong></p>
<p><code>yeniElementAdi = document.createElement(etiketAdi);</code></p>
<p>Yeni bir element düğümü yaratmak için kullanılır.</p>
<p>yeniElementAdi: Yaratılacak elementin adıdır.</p>
<p>Aşağıdaki gibi bir belgemiz olsun.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"> 
<span style="color: #339933;">&lt;</span>html<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>head<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>head<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>body<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>ol id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;myOi&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>li<span style="color: #339933;">&gt;</span>Faust<span style="color: #339933;">&lt;/</span>li<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>li<span style="color: #339933;">&gt;</span>Vadideki zambak<span style="color: #339933;">&lt;/</span>li<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>ol<span style="color: #339933;">&gt;</span>
&nbsp;
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>body<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>html<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>Sıralı liste etiketimize bir element daha ekleyen kod aşağıdaki gibi olur.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #000000; font-weight: bold;">var</span> x <span style="color: #339933;">=</span> document<span style="color: #339933;">.</span>getElementById<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;myOi&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">var</span> yeniElement <span style="color: #339933;">=</span> document<span style="color: #339933;">.</span>createElement<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;li&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
x<span style="color: #339933;">.</span>appendChild<span style="color: #009900;">&#40;</span>yeniElement<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span>
&nbsp;
&nbsp;
Çıktı<span style="color: #339933;">:</span>
&nbsp;
<span style="color:#800080;">1.</span>   Faust
<span style="color:#800080;">2.</span>   Vadideki zambak
<span style="color:#800080;">3.</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.zihni.net/dom/createelement-metodu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
