Javascript İle getElementsByTagName Ve getElementsByName

getElementsByTagName Ve getElementsByName 

JAVASCRİPT İL TAGNAME VE NAME KULLANIMI

Javascript'te TagName html etiketlerini secmeye yarar orneğin h1,p,div gibi name ise inputlara yada herhangi bir taga verilen name leri secmeye yarar orneğin <input type="text" name="isim" > bu inputun name ni yakalayabilir orneklerle gorelim 

getElementsByTagName kullanımı

 
<script type="text/javascript">
//calıstır adında bir fonksiyon olusturuyoruz..
	 function calıstır() {
// burda h2 tagımızı sectik ve bir dizi oldu dizinin 0. elemanını seciyoruz ve rengini kırmızı yapıyoruz,

		 document.getElementsByTagName("h2")[0].style.color = "red";

	 }
	</script>

 <h2>deneme yazı</h2>
// butona tıklandıgında fonksiyonumuz calısır..

<button type="submit" onclick="calıstır()">gonder</button>

getElementsByName Kullanımı

<script type="text/javascript">

	 function calıstır() {

// byname ile inputun name isim olan inputu sectik x degiskenine aktardık

		 var x = document.getElementsByName("isim");	

// burda gene bir dizi oldugu için 0. degeri sectik ve burda neyine etki edebileciğini soledik biz

// type özelliğini checkbox yaptık dilerseniz  value,name,disbaled,selected gibi özellikleride degistirebilirsiniz	

		x[0].type = "checkbox";

	 }

	</script>

 <input type="text" name="isim"  />

	 // butona tıklandıgında calısıcaktır..

	 <button type="submit" onclick="calıstır()">gonder</button>