DOM’da Nitelikleri, S\u0131n\u0131flar\u0131 ve Stilleri Nas\u0131l De\u011fi\u015ftirirsiniz?<\/h2>\n

Web geli\u015ftirmenin temel ta\u015flar\u0131ndan biri, kullan\u0131c\u0131 etkile\u015fimine veya uygulama mant\u0131\u011f\u0131na g\u00f6re web sayfalar\u0131n\u0131n i\u00e7eri\u011fini, yap\u0131s\u0131n\u0131 ve g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc dinamik olarak de\u011fi\u015ftirebilmektir. Bu dinamik de\u011fi\u015fim, Taray\u0131c\u0131 Nesne Modeli (Document Object Model – DOM) arac\u0131l\u0131\u011f\u0131yla ger\u00e7ekle\u015ftirilir. DOM, bir web sayfas\u0131n\u0131 (HTML veya XML belgesini) d\u00fc\u011f\u00fcmler ve nesneler olarak temsil eden bir programlama aray\u00fcz\u00fcd\u00fcr. Bu makalede, JavaScript kullanarak DOM’daki elementlerin niteliklerini (attributes), s\u0131n\u0131flar\u0131n\u0131 (classes) ve stillerini (styles) nas\u0131l etkili bir \u015fekilde de\u011fi\u015ftirebilece\u011finizi ayr\u0131nt\u0131l\u0131 olarak inceleyece\u011fiz.<\/p>\n

DOM Nedir ve Neden \u00d6nemlidir?<\/h3>\n

DOM, taray\u0131c\u0131n\u0131n HTML belgesini bellekte temsil etme \u015feklidir. Her HTML etiketi, metin, yorum ve hatta bo\u015fluk bile bir “d\u00fc\u011f\u00fcm” olarak kabul edilir ve bu d\u00fc\u011f\u00fcmler hiyerar\u015fik bir a\u011fa\u00e7 yap\u0131s\u0131 olu\u015fturur. JavaScript gibi programlama dilleri, bu a\u011fa\u00e7 yap\u0131s\u0131na eri\u015fmek, \u00fczerinde gezinmek, d\u00fc\u011f\u00fcmleri eklemek, kald\u0131rmak veya mevcut d\u00fc\u011f\u00fcmlerin \u00f6zelliklerini, s\u0131n\u0131flar\u0131n\u0131 ve stillerini de\u011fi\u015ftirmek i\u00e7in DOM API’sini kullan\u0131r.<\/p>\n

DOM manip\u00fclasyonu, modern web uygulamalar\u0131n\u0131n temelini olu\u015fturur. Bir kullan\u0131c\u0131n\u0131n bir d\u00fc\u011fmeye t\u0131klamas\u0131yla bir men\u00fcn\u00fcn a\u00e7\u0131lmas\u0131, form g\u00f6nderiminden sonra hata mesajlar\u0131n\u0131n g\u00f6r\u00fcnt\u00fclenmesi, bir animasyonun tetiklenmesi veya dinamik i\u00e7erik y\u00fcklenmesi gibi bir\u00e7ok senaryo DOM manip\u00fclasyonu gerektirir. Etkile\u015fimli ve dinamik kullan\u0131c\u0131 deneyimleri sunmak i\u00e7in DOM’u anlamak ve etkili bir \u015fekilde kullanmak vazge\u00e7ilmezdir.<\/p>\n

Bu makale boyunca, DOM’a nas\u0131l eri\u015fece\u011fimizi, ard\u0131ndan elementlerin niteliklerini, s\u0131n\u0131flar\u0131n\u0131 ve stillerini y\u00f6netmek i\u00e7in kullanabilece\u011fimiz \u00e7e\u015fitli y\u00f6ntemleri ve bu y\u00f6ntemlerin en iyi uygulama stratejilerini ad\u0131m ad\u0131m ele alaca\u011f\u0131z.<\/p>\n

const myElement = document.getElementById('myUniqueId');<\/code><\/pre>\n document.querySelector(selector)<\/code><\/strong>: Belirtilen CSS se\u00e7icisiyle e\u015fle\u015fen <\/em>ilk* elementi d\u00f6nd\u00fcr\u00fcr. Bu, ID, s\u0131n\u0131f, etiket ad\u0131 veya karma\u015f\u0131k CSS se\u00e7icileri kullanarak elementlere eri\u015fmek i\u00e7in olduk\u00e7a esnek bir y\u00f6ntemdir.<\/p>\n const firstParagraph = document.querySelector('p');\nconst specificDiv = document.querySelector('#container .item');<\/code><\/pre>\n document.querySelectorAll(selector)<\/code><\/strong>: Belirtilen CSS se\u00e7icisiyle e\u015fle\u015fen <\/em>t\u00fcm* elementleri i\u00e7eren bir NodeList d\u00f6nd\u00fcr\u00fcr. Bu NodeList \u00fczerinde forEach<\/code> d\u00f6ng\u00fcs\u00fc gibi y\u00f6ntemlerle i\u015flem yap\u0131labilir.<\/p>\n const allButtons = document.querySelectorAll('button');\nconst allItems = document.querySelectorAll('.list-item');<\/code><\/pre>\n* document.getElementsByClassName(name)<\/code><\/strong>: Belirtilen s\u0131n\u0131f ad\u0131na sahip t\u00fcm elementleri i\u00e7eren bir HTMLCollection d\u00f6nd\u00fcr\u00fcr.<\/p>\n const errorMessages = document.getElementsByClassName('error');<\/code><\/pre>\n* document.getElementsByTagName(name)<\/code><\/strong>: Belirtilen etiket ad\u0131na sahip t\u00fcm elementleri i\u00e7eren bir HTMLCollection d\u00f6nd\u00fcr\u00fcr.<\/p>\n const allImages = document.getElementsByTagName('img');<\/code><\/pre>\nBu y\u00f6ntemler, \u00fczerinde \u00e7al\u0131\u015fmak istedi\u011fimiz DOM elementlerini se\u00e7mek i\u00e7in ba\u015flang\u0131\u00e7 noktas\u0131d\u0131r. Do\u011fru elementi se\u00e7tikten sonra, onun niteliklerini, s\u0131n\u0131flar\u0131n\u0131 veya stillerini de\u011fi\u015ftirmeye ba\u015flayabiliriz.<\/p>\n Element Niteliklerini (Attributes) Y\u00f6netme<\/h3>\nHTML elementlerinin nitelikleri, element hakk\u0131nda ek bilgiler sa\u011flar. \u00d6rne\u011fin, bir <\/code> etiketi i\u00e7in href<\/code> niteli\u011fi ba\u011flant\u0131n\u0131n hedefini, bir <\/code> etiketi i\u00e7in src<\/code> niteli\u011fi resmin kayna\u011f\u0131n\u0131, alt<\/code> niteli\u011fi ise alternatif metni belirtir. JavaScript, bu niteliklere eri\u015fmek ve bunlar\u0131 de\u011fi\u015ftirmek i\u00e7in \u00e7e\u015fitli yollar sunar.<\/p>\n Niteliklere Do\u011frudan Eri\u015fim<\/h4>\nBaz\u0131 yayg\u0131n nitelikler i\u00e7in DOM element nesneleri \u00fczerinde do\u011frudan \u00f6zellikler bulunur. Bu, \u00f6zellikle id<\/code>, src<\/code>, href<\/code>, value<\/code>, title<\/code>, alt<\/code> gibi s\u0131k kullan\u0131lan nitelikler i\u00e7in h\u0131zl\u0131 ve kolay bir y\u00f6ntemdir.<\/p>\n\n\nEski Ba\u011flant\u0131<\/a><\/code><\/pre>\nconst myImage = document.getElementById('myImage');\nconst myInput = document.getElementById('myInput');\nconst myLink = document.getElementById('myLink');\n\n\/\/ Nitelikleri okuma\nconsole.log(myImage.src); \/\/ \"http:\/\/localhost\/old-image.jpg\" (tam URL)\nconsole.log(myInput.value); \/\/ \"Merhaba\"\nconsole.log(myLink.href); \/\/ \"http:\/\/localhost\/old-link.html\" (tam URL)\n\n\/\/ Nitelikleri de\u011fi\u015ftirme\nmyImage.src = 'new-image.png';\nmyImage.alt = 'Yeni Resim';\nmyInput.value = 'Yeni De\u011fer';\nmyLink.href = 'new-link.html';\n\nconsole.log(myImage.src); \/\/ \"http:\/\/localhost\/new-image.png\"\nconsole.log(myInput.value); \/\/ \"Yeni De\u011fer\"\nconsole.log(myLink.href); \/\/ \"http:\/\/localhost\/new-link.html\"<\/code><\/pre>\nBu y\u00f6ntem, belirli ve iyi bilinen nitelikler i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. Ancak, t\u00fcm HTML nitelikleri i\u00e7in do\u011frudan kar\u015f\u0131l\u0131k gelen bir DOM \u00f6zelli\u011fi bulunmayabilir veya baz\u0131 niteliklerin DOM \u00f6zellikleri farkl\u0131 isimlere sahip olabilir (\u00f6rn. class<\/code> niteli\u011fi i\u00e7in className<\/code>).<\/p>\n Genel Nitelik Y\u00f6netimi i\u00e7in Metotlar<\/h4>\nT\u00fcm nitelikleri daha genel ve tutarl\u0131 bir \u015fekilde y\u00f6netmek i\u00e7in a\u015fa\u011f\u0131daki metotlar kullan\u0131l\u0131r:<\/p>\n * element.getAttribute(name)<\/code><\/strong>: Belirtilen niteli\u011fin mevcut de\u011ferini bir string olarak d\u00f6nd\u00fcr\u00fcr. E\u011fer nitelik yoksa null<\/code> d\u00f6nd\u00fcr\u00fcr.<\/p>\n const myImage = document.getElementById('myImage');\nconst altText = myImage.getAttribute('alt'); \/\/ \"Yeni Resim\"\nconst dataId = myImage.getAttribute('data-id'); \/\/ null (e\u011fer yoksa)<\/code><\/pre>\n* element.setAttribute(name, value)<\/code><\/strong>: Belirtilen niteli\u011fin de\u011ferini ayarlar veya nitelik mevcut de\u011filse yeni bir nitelik olu\u015fturur.<\/p>\n const myImage = document.getElementById('myImage');\nmyImage.setAttribute('width', '300'); \/\/ width niteli\u011fini ayarlar\nmyImage.setAttribute('data-info', 'important'); \/\/ Yeni bir data niteli\u011fi ekler<\/code><\/pre>\n* element.hasAttribute(name)<\/code><\/strong>: Elementin belirtilen niteli\u011fe sahip olup olmad\u0131\u011f\u0131n\u0131 kontrol eder. true<\/code> veya false<\/code> d\u00f6nd\u00fcr\u00fcr.<\/p>\n const myImage = document.getElementById('myImage');\nconsole.log(myImage.hasAttribute('width')); \/\/ true\nconsole.log(myImage.hasAttribute('height')); \/\/ false<\/code><\/pre>\n* element.removeAttribute(name)<\/code><\/strong>: Belirtilen niteli\u011fi elementten kald\u0131r\u0131r.<\/p>\n const myImage = document.getElementById('myImage');\nmyImage.removeAttribute('data-info'); \/\/ data-info niteli\u011fini kald\u0131r\u0131r<\/code><\/pre>\ndata-*<\/code> Nitelikleri ve dataset<\/code> API’si<\/h4>\nHTML5 ile tan\u0131t\u0131lan data-*<\/code> nitelikleri, \u00f6zel verileri bir elemente g\u00f6mmek i\u00e7in standart bir yol sa\u011flar. Bu niteliklere eri\u015fmek ve y\u00f6netmek i\u00e7in element.dataset<\/code> API’si kullan\u0131l\u0131r, bu da daha okunakl\u0131 ve g\u00fcvenli bir y\u00f6ntemdir.<\/p>\n \n \u00dcr\u00fcn Bilgisi\n<\/div><\/code><\/pre>\nconst productDiv = document.getElementById('product');\n\n\/\/ data niteliklerini okuma\nconsole.log(productDiv.dataset.id); \/\/ \"123\"\nconsole.log(productDiv.dataset.category); \/\/ \"electronics\"\nconsole.log(productDiv.dataset.price); \/\/ \"99.99\"\n\n\/\/ data niteliklerini de\u011fi\u015ftirme\nproductDiv.dataset.price = '89.99';\nproductDiv.dataset.inStock = 'true'; \/\/ Yeni bir data niteli\u011fi ekler\n\nconsole.log(productDiv.dataset.price); \/\/ \"89.99\"\nconsole.log(productDiv.dataset.inStock); \/\/ \"true\"<\/code><\/pre>\ndata-*<\/code> nitelikleri, JavaScript’te camelCase olarak (data-my-attribute<\/code> -> myAttribute<\/code>) dataset<\/code> objesi \u00fczerinden eri\u015filebilir. Bu, \u00f6zellikle \u00f6zel veri depolamak ve bunlar\u0131 JavaScript ile manip\u00fcle etmek i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n Element S\u0131n\u0131flar\u0131n\u0131 (Classes) Y\u00f6netme<\/h3>\nCSS s\u0131n\u0131flar\u0131, bir elementin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ve bazen de davran\u0131\u015f\u0131n\u0131 belirlemek i\u00e7in kullan\u0131l\u0131r. DOM manip\u00fclasyonunda, elementlere dinamik olarak s\u0131n\u0131f eklemek, kald\u0131rmak veya mevcut s\u0131n\u0131flar\u0131 de\u011fi\u015ftirmek yayg\u0131n bir g\u00f6revdir. Bu, stilleri do\u011frudan de\u011fi\u015ftirmek yerine, farkl\u0131 durumlar i\u00e7in \u00f6nceden tan\u0131mlanm\u0131\u015f CSS kurallar\u0131n\u0131 uygulamak i\u00e7in en iyi y\u00f6ntemdir.<\/p>\n element.className<\/code><\/h4>\nelement.className<\/code> \u00f6zelli\u011fi, bir elementin t\u00fcm s\u0131n\u0131f adlar\u0131n\u0131 i\u00e7eren bir string d\u00f6nd\u00fcr\u00fcr veya ayarlar. Birden fazla s\u0131n\u0131f varsa, bunlar bo\u015fluklarla ayr\u0131lm\u0131\u015f bir string olarak temsil edilir.<\/p>\n <\/div><\/code><\/pre>\nconst myDiv = document.getElementById('myDiv');\n\n\/\/ S\u0131n\u0131flar\u0131 okuma\nconsole.log(myDiv.className); \/\/ \"box active\"\n\n\/\/ S\u0131n\u0131flar\u0131 de\u011fi\u015ftirme (t\u00fcm\u00fcn\u00fc silip yenilerini atar)\nmyDiv.className = 'highlighted';\nconsole.log(myDiv.className); \/\/ \"highlighted\"\n\n\/\/ Yeni bir s\u0131n\u0131f eklemek i\u00e7in dikkatli olunmas\u0131 gerekir\nmyDiv.className += ' large'; \/\/ \"highlighted large\"\nconsole.log(myDiv.className);<\/code><\/pre>\nclassName<\/code> kullan\u0131rken dikkatli olmak gerekir, \u00e7\u00fcnk\u00fc do\u011frudan atama yapmak mevcut t\u00fcm s\u0131n\u0131flar\u0131 siler ve sadece yeni atananlar\u0131 b\u0131rak\u0131r. Yeni bir s\u0131n\u0131f eklemek i\u00e7in mevcut s\u0131n\u0131flar\u0131 al\u0131p \u00fczerine eklemek gerekir, bu da hata yapmaya a\u00e7\u0131kt\u0131r ve birden fazla s\u0131n\u0131f\u0131 y\u00f6netmeyi zorla\u015ft\u0131r\u0131r. Bu nedenle, modern uygulamalarda genellikle classList<\/code> API’si tercih edilir.<\/p>\n element.classList<\/code> API’si<\/h4>\nelement.classList<\/code> \u00f6zelli\u011fi, bir elementin s\u0131n\u0131f listesini temsil eden bir DOMTokenList nesnesi d\u00f6nd\u00fcr\u00fcr. Bu API, s\u0131n\u0131flar\u0131 daha g\u00fcvenli ve etkili bir \u015fekilde y\u00f6netmek i\u00e7in bir dizi kullan\u0131\u015fl\u0131 metot sunar:<\/p>\n * classList.add(className1, className2, ...)<\/code><\/strong>: Bir veya daha fazla s\u0131n\u0131f\u0131 elemente ekler. E\u011fer s\u0131n\u0131f zaten varsa, tekrar eklenmez.<\/p>\n const myDiv = document.getElementById('myDiv');\nmyDiv.classList.add('error', 'important'); \/\/ 'error' ve 'important' s\u0131n\u0131flar\u0131n\u0131 ekler<\/code><\/pre>\n* classList.remove(className1, className2, ...)<\/code><\/strong>: Bir veya daha fazla s\u0131n\u0131f\u0131 elementten kald\u0131r\u0131r. E\u011fer s\u0131n\u0131f yoksa, bir hata olu\u015fmaz.<\/p>\n const myDiv = document.getElementById('myDiv');\nmyDiv.classList.remove('active'); \/\/ 'active' s\u0131n\u0131f\u0131n\u0131 kald\u0131r\u0131r<\/code><\/pre>\n* classList.toggle(className, force)<\/code><\/strong>: Belirtilen s\u0131n\u0131f\u0131 elementte varsa kald\u0131r\u0131r, yoksa ekler. \u0130kinci parametre (force<\/code> – boolean) iste\u011fe ba\u011fl\u0131d\u0131r; true<\/code> ise s\u0131n\u0131f\u0131 ekler, false<\/code> ise kald\u0131r\u0131r (var olsa bile).<\/p>\n const myDiv = document.getElementById('myDiv');\nmyDiv.classList.toggle('hidden'); \/\/ 'hidden' s\u0131n\u0131f\u0131n\u0131 a\u00e7ar\/kapat\u0131r\nmyDiv.classList.toggle('visible', true); \/\/ 'visible' s\u0131n\u0131f\u0131n\u0131 ekler (her zaman)<\/code><\/pre>\n* classList.contains(className)<\/code><\/strong>: Elementin belirtilen s\u0131n\u0131fa sahip olup olmad\u0131\u011f\u0131n\u0131 kontrol eder. true<\/code> veya false<\/code> d\u00f6nd\u00fcr\u00fcr.<\/p>\n const myDiv = document.getElementById('myDiv');\nconsole.log(myDiv.classList.contains('error')); \/\/ true<\/code><\/pre>\n* classList.replace(oldClass, newClass)<\/code><\/strong>: Belirtilen oldClass<\/code> s\u0131n\u0131f\u0131n\u0131 newClass<\/code> ile de\u011fi\u015ftirir. E\u011fer oldClass<\/code> yoksa hi\u00e7bir \u015fey yapmaz.<\/p>\n const myDiv = document.getElementById('myDiv');\nmyDiv.classList.replace('error', 'warning'); \/\/ 'error' s\u0131n\u0131f\u0131n\u0131 'warning' ile de\u011fi\u015ftirir<\/code><\/pre>\nclassList<\/code> API’si, s\u0131n\u0131flar\u0131 y\u00f6netmek i\u00e7in \u00e7ok daha g\u00fcvenli, okunabilir ve esnek bir y\u00f6ntem sunar. CSS s\u0131n\u0131flar\u0131n\u0131 kullanarak stilleri y\u00f6netmek, do\u011frudan inline stillerle \u00e7al\u0131\u015fmaktan genellikle daha iyidir, \u00e7\u00fcnk\u00fc CSS dosyalar\u0131 arac\u0131l\u0131\u011f\u0131yla stil kurallar\u0131n\u0131 merkezi olarak y\u00f6netmeye olanak tan\u0131r ve yeniden kullan\u0131labilirli\u011fi art\u0131r\u0131r.<\/p>\n Element Stillerini (Styles) Y\u00f6netme<\/h3>\nElement stillerini do\u011frudan de\u011fi\u015ftirmek, genellikle nadiren kullan\u0131lan veya \u00e7ok spesifik durumlar i\u00e7in tercih edilen bir y\u00f6ntemdir. \u00c7o\u011fu durumda, s\u0131n\u0131flar\u0131 de\u011fi\u015ftirmek (yukar\u0131da a\u00e7\u0131kland\u0131\u011f\u0131 gibi) daha iyi bir yakla\u015f\u0131md\u0131r. Ancak, dinamik olarak hesaplanm\u0131\u015f de\u011ferler veya tek seferlik stil de\u011fi\u015fiklikleri gerekti\u011finde inline stilleri do\u011frudan manip\u00fcle etmek gerekebilir.<\/p>\n element.style.propertyName<\/code><\/h4>\nHer DOM elementinin bir style<\/code> \u00f6zelli\u011fi vard\u0131r. Bu \u00f6zellik, o elemente uygulanm\u0131\u015f inline stilleri temsil eden bir CSSStyleDeclaration nesnesidir. Bu nesnenin \u00f6zellikleri, CSS \u00f6zelliklerinin camelCase versiyonlar\u0131d\u0131r. \u00d6rne\u011fin, background-color<\/code> yerine backgroundColor<\/code> kullan\u0131l\u0131r.<\/p>\n Bu bir paragraft\u0131r.<\/p><\/code><\/pre>\n const myParagraph = document.getElementById('myParagraph');\n\n\/\/ Stil okuma\nconsole.log(myParagraph.style.color); \/\/ \"blue\"\nconsole.log(myParagraph.style.fontSize); \/\/ \"\" (inline olarak ayarlanmad\u0131ysa bo\u015f string)\n\n\/\/ Stil de\u011fi\u015ftirme\nmyParagraph.style.color = 'red';\nmyParagraph.style.backgroundColor = '#f0f0f0';\nmyParagraph.style.padding = '10px';\nmyParagraph.style.border = '1px solid black';\n\n\/\/ Stil kald\u0131rma (de\u011feri bo\u015f string olarak ayarlayarak)\nmyParagraph.style.border = ''; \/\/ border stilini kald\u0131r\u0131r<\/code><\/pre>\nBu y\u00f6ntem, tek tek stil \u00f6zelliklerini ayarlamak veya okumak i\u00e7in uygundur. De\u011ferler her zaman bir string olarak atanmal\u0131d\u0131r (\u00f6rn. '10px'<\/code>, 'red'<\/code>, 'bold'<\/code>).<\/p>\n element.style.cssText<\/code><\/h4>\nelement.style.cssText<\/code> \u00f6zelli\u011fi, bir elementin t\u00fcm inline stil bildirimlerini i\u00e7eren bir string d\u00f6nd\u00fcr\u00fcr veya ayarlar. Bu, birden fazla stil \u00f6zelli\u011fini tek seferde ayarlamak i\u00e7in kullan\u0131labilir, ancak dikkatli olunmal\u0131d\u0131r, \u00e7\u00fcnk\u00fc mevcut t\u00fcm inline stilleri tamamen \u00fczerine yazar.<\/p>\n const myParagraph = document.getElementById('myParagraph');\n\n\/\/ T\u00fcm stilleri tek seferde ayarlama (mevcutlar\u0131 siler)\nmyParagraph.style.cssText = 'color: green; font-size: 20px; border: 2px dashed purple;';\n\n\/\/ Mevcut stilleri koruyarak yeni stiller eklemek i\u00e7in\n\/\/ Mevcut cssText'i al\u0131p \u00fczerine eklemek gerekir, bu da hataya a\u00e7\u0131kt\u0131r.\nmyParagraph.style.cssText += 'background-color: lightblue;';<\/code><\/pre>\ncssText<\/code> kullan\u0131rken, mevcut stilleri yanl\u0131\u015fl\u0131kla silmemeye \u00f6zen g\u00f6sterilmelidir. Genellikle, tek tek element.style.propertyName<\/code> kullanmak veya classList<\/code> ile stil s\u0131n\u0131flar\u0131n\u0131 y\u00f6netmek daha g\u00fcvenlidir.<\/p>\n Hesaplanm\u0131\u015f Stilleri Alma: window.getComputedStyle()<\/code><\/h4>\nelement.style<\/code> sadece elementin inline olarak ayarlanm\u0131\u015f stillerini d\u00f6nd\u00fcr\u00fcr. Bir elemente uygulanan t\u00fcm stilleri (inline, dahili, harici stil sayfalar\u0131 ve taray\u0131c\u0131 varsay\u0131lan stilleri dahil) almak i\u00e7in window.getComputedStyle()<\/code> metodunu kullan\u0131r\u0131z. Bu metod, stil de\u011ferlerini okumak i\u00e7in \u00e7ok \u00f6nemlidir, ancak do\u011frudan de\u011fi\u015ftirmek i\u00e7in kullan\u0131lamaz.<\/p>\n