<?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>Muhittin Özer &#187; class - Muhittin Özer - Kişisel Karalama Bölgem</title>
	<atom:link href="http://www.muhittinozer.com/tag/class/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.muhittinozer.com</link>
	<description>Kişisel Karalama Bölgem</description>
	<lastBuildDate>Sat, 04 Feb 2012 08:25:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Kendime Not #1: Javascript ile class etiketi</title>
		<link>http://www.muhittinozer.com/2009/05/04/javascript-ile-class-etiketi/</link>
		<comments>http://www.muhittinozer.com/2009/05/04/javascript-ile-class-etiketi/#comments</comments>
		<pubDate>Tue, 05 May 2009 01:13:26 +0000</pubDate>
		<dc:creator>Muhittin Özer</dc:creator>
				<category><![CDATA[JavaScript & Ajax]]></category>
		<category><![CDATA[Kendime Not]]></category>
		<category><![CDATA[class]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.muhittinozer.com/?p=163</guid>
		<description><![CDATA[Bazı şeyler vardır ki klasik yöntemlerle yapılamaz ve bir istisnai durum söz konusudur. Hemen aramaya koyulursunuz. Ben de karşılaştığım bu durumları bir kenara not alırdım. Blogumda da paylaşmak istedim, belki birilerinin işine yarar JavaScript ile &#8220;class&#8221; etiketini değiştirmek: &#60;span id=&#34;eleman&#34; class=&#34;eskiClass&#34;&#62;HTML İçerik&#60;/span&#62; yukarıda gördüğümüz eskiClass sınıfındaki etiketi yeniClass sınıfına geçirmek için; //yanlış kullanım: document.getElementById&#40;'eleman'&#41;.class = [...]]]></description>
			<content:encoded><![CDATA[<p>Bazı şeyler vardır ki klasik yöntemlerle yapılamaz ve bir istisnai durum söz konusudur. Hemen aramaya koyulursunuz. Ben de karşılaştığım bu durumları bir kenara not alırdım. Blogumda da paylaşmak istedim, belki birilerinin işine yarar <img src='http://www.muhittinozer.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> <span id="more-163"></span></p>
<p><strong>JavaScript ile &#8220;class&#8221; etiketini değiştirmek:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;span</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;eleman&quot;</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;eskiClass&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>HTML İçerik<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/span<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<p>yukarıda gördüğümüz eskiClass sınıfındaki etiketi yeniClass sınıfına geçirmek için;<strong><br />
</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//yanlış kullanım:</span>
document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'eleman'</span><span style="color: #009900;">&#41;</span>.<span style="color: #003366; font-weight: bold;">class</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;yeniClass&quot;</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">//doğru kullanım:</span>
document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'eleman'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">setAttribute</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'class'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'yeniClass'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><span style="color: #ff0000;"><strong>Edit: 04.07.2009</strong></span></p>
<p>İsmail Baskın&#8217;ın yorumunda da belirttiği gibi aşağıdaki kullanım da doğrudur:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'eleman'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">className</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;yeniClass&quot;</span><span style="color: #339933;">;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.muhittinozer.com/2009/05/04/javascript-ile-class-etiketi/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

