Javascript – Ekran Çıktısı Komutları
Ağustos 27, 2022Javascript – Sözdizimi Kuralları
Ağustos 28, 2022Javascript - Element Seçimi Yapmak
getElement komutunu kullanarak div ve class gibi elementlerin seçimini yapıp değer alıp değer gönderebiliriz.
<!DOCTYPE html>
<html>
<head>
<title>Ömer Turak - Javascript - Code 3</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/bootstrap-theme.css">
</head>
<body>
<div class="container">
<div class="alert alert-success" role="alert">
<h4 class="alert-heading">Javascript Code Example 3 </h4> Choose an element. <a href="../index.html">Back Home</a>
</div>
<div id="cont1"></div>
<p class="myP"></p>
<p class="myP"></p>
<p class="myP"></p>
<input type="text" name="myName">
<a href="#"></a>
<script type="text/javascript">
// .getElementById cont1 divine mesajı göndermek için kullanılır. Yani id içindir, Class için değil.
document.getElementById("cont1").innerHTML = "This is cont1 element";
// console.log(document.getElementsByClassName("myP"));
// .getElementsByClassName myP classına mesajı göndermek için kullanılır. Yani class içindir, div için değil.
document.getElementsByClassName("myP")[0].innerHTML = "This is myP class. first indis";
document.getElementsByClassName("myP")[1].innerHTML = "This is myP class. second indis";
document.getElementsByClassName("myP")[2].innerHTML = "This is myP class. third indis";
// .getElementsByName myName input' dan gelen değeri almak için kullanılır.
document.getElementsByName("myName")[0].value = 100 + 100;
// .getElementsByTagName a tagının' içine değeri göndermek için kullanılır.
document.getElementsByTagName("a")[1].innerHTML = "This is a (a) tag. second indis";
</script>
</div>
</body>
</html>