Hướng dẫn set style for div in javascript - đặt kiểu cho div trong javascript

Tôi muốn rằng part 1 onclick div thay đổi và part 2 một lần nữa khi nhấp vào nó trở lại bình thường. Tôi đã thử làm như vậy nhưng tôi đã không đạt được kết quả part 2.

Sau đây là mã JavaScript

function abc() {
    document.getElementById("test").style.color="red";
}

Sau khi nhấp vào div kiểm tra một lần nữa, màu sẽ quay lại màu defaulr, tức là màu đen ...

hỏi ngày 9 tháng 4 năm 2012 lúc 9:25Apr 9, 2012 at 9:25

0

function abc() {
    var color = document.getElementById("test").style.color;
    if (color === "red")
         document.getElementById("test").style.color="black";
    else
         document.getElementById("test").style.color="red";
}

Đã trả lời ngày 9 tháng 4 năm 2012 lúc 9:28Apr 9, 2012 at 9:28

Yehuda Shapirayehuda ShapiraYehuda Shapira

8.2405 Huy hiệu vàng46 Huy hiệu bạc66 Huy hiệu Đồng5 gold badges46 silver badges66 bronze badges

4

Sử dụng jQuery:

$(document).ready(function(){
    $('div').click(function(){
        $(this).toggleClass('clicked');
    });
});​

Ví dụ trực tiếp

Đã trả lời ngày 9 tháng 4 năm 2012 lúc 9:35Apr 9, 2012 at 9:35

Jacktheripperjacktheriperjacktheripper

13.6K12 Huy hiệu vàng55 Huy hiệu bạc91 Huy hiệu Đồng12 gold badges55 silver badges91 bronze badges

0

Có một số logic để kiểm tra màu hoặc có một số cờ,

function abc() {
    var currentColor = document.getElementById("test").style.color;

    if(currentColor == 'red'){
    document.getElementById("test").style.color="black";
    }else{
   document.getElementById("test").style.color="red";

    }
}

Đã trả lời ngày 9 tháng 4 năm 2012 lúc 9:30Apr 9, 2012 at 9:30

0

function abc() {
    var color = document.getElementById("test").style.color;
    color = (color=="red") ? "black" : "red" ;
    document.getElementById("test").style.color= color;
}

Đã trả lời ngày 9 tháng 4 năm 2012 lúc 9:35Apr 9, 2012 at 9:35

Jacktheripperjacktheriperapnerve

13.6K12 Huy hiệu vàng55 Huy hiệu bạc91 Huy hiệu Đồng5 gold badges28 silver badges44 bronze badges

Có một số logic để kiểm tra màu hoặc có một số cờ,

function abc() {
    var elem=document.getElementById('test'),color;
    switch(elem.style.color) {
        case('red'):
            color='black';
            break;
        case('black'):
        default:
            color='red';
    }
    elem.style.color=color;
}

Đã trả lời ngày 9 tháng 4 năm 2012 lúc 9:30Apr 9, 2012 at 9:33

Apnerveapnervefaino

4.6005 huy hiệu vàng28 Huy hiệu bạc44 Huy hiệu đồng14 silver badges17 bronze badges

Một câu lệnh chuyển đổi đơn giản nên thực hiện thủ thuật:

function abc(){
  var myDiv = document.getElementById("test");
  if (myDiv.className == 'alert') {
    myDiv.className = 'regular';
  } else {
    myDiv.className = 'alert';
  }
}

Đã trả lời ngày 9 tháng 4 năm 2012 lúc 9:35Apr 9, 2012 at 9:35

JacktheripperjacktheriperVlad

13.6K12 Huy hiệu vàng55 Huy hiệu bạc91 Huy hiệu Đồng1 silver badge11 bronze badges

Có một số logic để kiểm tra màu hoặc có một số cờ,

function abc(){
     var color = document.getElementById("test").style.color;
     if(color==''){
         //change
     }else{
         //change back
     }
}

Đã trả lời ngày 9 tháng 4 năm 2012 lúc 9:30

Apnerveapnerve76 gold badges651 silver badges770 bronze badges

Đã trả lời ngày 9 tháng 4 năm 2012 lúc 9:30Apr 9, 2012 at 9:30

Apnerveapnervelioncin

4.6005 huy hiệu vàng28 Huy hiệu bạc44 Huy hiệu đồng1 gold badge1 silver badge7 bronze badges

Tôi có thể đặt phong cách trong Div không?

Làm thế nào tôi có thể tạo và tạo kiểu div bằng cách sử dụng javascript?

Bạn có thể đặt bất kỳ kiểu nào thành thẻ HTML bằng JavaScript không?

Bạn có thể tạo kiểu trong JavaScript?