Javascript İle getElementsByTagName Ve getElementsByName

Yazar kolay video dersleri 6 Haziran 2018 Çarşamba 0 yorum
javascript byname kullanımı
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>

Hiç yorum yok: