5.00 / 1 oy

Javascript'te ID değerinden HTML etiketi bulmak (DOM)

HTML içerisinde bir input'un değerini Javascript ile yakalamak istediğimizde DOM'a (Document Object Model) başvurmamız gerekiyor. Bu yazıda kısa bir örnek ile birlikte bir HTML etiketini ID değerinden Javascript ile nasıl bulabileceğimizi ve değerini okuyabileceğimizi göstereceğim.

Örneğin "kutucuk" ID değerine sahip bir input için aşağıdaki uygulamayı hazırlayalım. Burada ne yazıyor butonuna tıkladığımızda bir Javascript fonksiyonu çalışarak input içindeki yazıyı alert penceresi içerisinde göstersin.

javascript dom

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Javascript DOM</title>
    <script>

        function goster(){
            var yazi = document.getElementById('kutucuk').value;
            alert(yazi);
        }
    </script>
</head>

<body>
<form>
    <input type="text" id="kutucuk" />
    <input type="button" onclick="goster();" Value="Burada ne yazıyor?" />
</form>
</body>
</html>

Javascript konusunda bana ait olmayan bazı faydalı yazıların bağlantılarını da aşağıya bırakıyorum.

bkz: JavaScript'te 4 işlem yapan program

bkz: JavaScript ile girilen sayıların toplamını hesaplayan program

bkz: JavaScript'te kullanıcıdan Prompt ile girdi almak

bkz: JavaScript'te yazının sadece ilk harfi büyük harf ile yazdırmak

bkz: Javascript ile kullanıcıyı iki sayı arasında sayı girmeye zorlamak

bkz: JavaScript ile Mevcut Url'yi Görmek

PhpCoder

17.02.2021 03:49

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
Javascript'te ID değerinden HTML etiketi bulmak (DOM)

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.