- Ana Sayfa
- >
- Javascript
- >
- Jquery İle Html Dom Elementlerini...
Eğer hatırlıyorsanız daha önce paylaştığımız bir makalemizde javascript ile html dom öğelerini kolay bir şekilde bulup çeşitli şekillerde kullanıyorduk şimdi de jquery kütüphanesini kullanarak bunu yine kolay bir şekilde gerçekleştirebiliriz. O halde dilerseniz hemen aşağıda yer alan kod örneğimize bir bakalım…
<!DOCTYPE html>
<html>
<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“#butonumuz1”).click(function(){
alert(“Bulunan Yazı: ” + $(“#yaziyibul”).text());
});
$(“#butonumuz2”).click(function(){
alert(“HTML Kodu: ” + $(“#yaziyibul”).html()); //burada html kodlarını göstermesini söylemiş olduk.
});
});
</script>
</head>
<body>
<p id=”yaziyibul”><b>Bu Kalın Bir Yazıdır.</b></p>
<button id=”butonumuz1″>Yazıyı Bul Ve Görüntüle</button>
<button id=”butonumuz2″>Bulunan Yazıyı Html Kodu İle Birlikte Bul Ve Görüntüle</button>
</body>
</html>
Demo: https://www.w3schools.com/code/tryit.asp?filename=FXM36XC49V1J