Js - Bir div içeriğini değiştirmek

20-10-2021, 14:54:35

#1

buddy

Div içeriğini arayüzde örneğin üzerine tıkladığımda bir input gösterip değişmesi istenilen değeri nasıl alabilirim?

20-10-2021, 15:01:40

#2

Sinan Yorulmaz

Öncelikle bir click olayı gerçekleştirip, bu click olayıyla ilgili DIV'ın ID'sini document.getElementById bu şekilde bulup, innerHTML yöntemiyle INPUT'a yazılan değeri .val() kullanarak DIV'in içine aktarabilirsin.

20-10-2021, 15:20:58

#3

ibrahimdemir

Jquery ile bu işlemi daha kolay gerçekleştirebilirsiniz. Örnek kod;

        $( document ).ready(function() {
            $('div').click(function() {
                $('input').fadeIn(500);
                $('input').val('Yeni değer');
            });
        });

20-10-2021, 18:20:39

#4

Sinan Yorulmaz

ibrahimdemir adlı üyeden alıntı: mesajı görüntüle

Jquery ile bu işlemi daha kolay gerçekleştirebilirsiniz. Örnek kod;

        $( document ).ready(function() {
            $('div').click(function() {
                $('input').fadeIn(500);
                $('input').val('Yeni değer');
            });
        });

Sadece bu işlem için kullanacaksa kesinlikle jQuery önermem. Pure JS yazmak çok daha iyi ve performanslı olacaktır. jQuery'i yabana atmıyorum ama bir çok yerde kullanmışsa ve projenin tamamında faydalanacaksa mantıklı. Yoksa böylesine ufak bir işlem için koca bir jQuery kütüphanesini dahil etmek mantıklı değil.