javascript ile border solid renk değiştirme

Anonim 1052 gün önce

695 defa görüntülendi

degis.onclick=function()
{
  this.style.border.solid="red";
  this.style.color="#ffffff";
}

Merhaba divimin içinde bir border mevcut yapmak istediğim ben bu dive tıklayınca borderin içindeki solid rengini değiştirtmek
böyle birşey denedim ama olmadı

 <div id="degis" style="border-radius:10px; border:1px solid #000;">

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (4)

onlywhatchess

1052 gün önce

Cevap verildiğini farketmedim. Kusura bakmayın.

document.getElementById('#degis').onclick=function()
{
  this.style.borderColor = "red";
}

#006118

emmir2

1052 gün önce

cevaplar için teşekkür ederim işime yaradı

pekiya 2 div olunca 2 sine de border ekliyor

aktif olan borderi diğeri seçilince nası pasif edebiliriz

#006116

bomi

1052 gün önce

Bu şekilde olabilir. Yada istersen bunu bir fonksiyon hale getirip div e onclick te verebilirsin

const myDiv = document.getElementById('example')

myDiv.addEventListener('click', function() {
  this.style.border = '3px solid blue';
})

<div id="example"></div>

#006112

namespace

1052 gün önce

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .div {
            border: 5px solid green;
            height: 500px;
            width: 500px;
        }
    </style>
</head>
<body>
<button onclick="change()">Degis</button>
<div class="div"></div>

<script>
    function change() {
        const el = document.querySelector('.div');

        el.style.border = '5px solid red'
    }
</script>
</body>
</html>

bir örnek...

#006111