Làm thế nào để bạn hiển thị một cái gì đó trong javascript?

Thuộc tính hiển thị kiểu được sử dụng để ẩn và hiển thị nội dung của HTML DOM bằng cách truy cập phần tử DOM bằng JavaScript/jQuery.  

Để ẩn một phần tử, hãy đặt thuộc tính hiển thị kiểu thành “không”

document.getElementById("element").style.display = "none";

Để hiển thị một phần tử, hãy đặt thuộc tính hiển thị kiểu thành “chặn”

document.getElementById("element").style.display = "block";

• Tạo một số div và gán cho chúng một id hoặc lớp rồi thêm kiểu dáng cho nó.  

HTML

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

9_______100

document.getElementById("element").style.display = "block";

01

document.getElementById("element").style.display = "block";

02

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

01

document.getElementById("element").style.display = "block";

0

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

9_______100

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

02

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

0

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

9_______100

document.getElementById("element").style.display = "block";

78

document.getElementById("element").style.display = "block";

02

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

78

document.getElementById("element").style.display = "block";

0

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

2

• Chiều rộng và chiều cao sẽ đặt chiều rộng và chiều cao của nội dung, bán kính đường viền 0% sẽ tạo đường viền hình vuông, 50% sẽ tạo hình tròn và 25% sẽ tạo hình tròn và float sẽ định vị các div, lề phải .  

CSS

document.getElementById("element").style.display = "block";

85

document.getElementById("element").style.display = "block";

86

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

89

document.getElementById("element").style.display = "block";

90

document.getElementById("element").style.display = "block";

91

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

93____994

document.getElementById("element").style.display = "block";

95

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

98

document.getElementById("element").style.display = "block";

94

document.getElementById("element").style.display = "block";

95

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

003____1004

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

007______994

document.getElementById("element").style.display = "block";

009

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

012______994

document.getElementById("element").style.display = "block";

014

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

017

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

020

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

93____994

document.getElementById("element").style.display = "block";

95

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

98

document.getElementById("element").style.display = "block";

94

document.getElementById("element").style.display = "block";

95

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

003______1003

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

007______994

document.getElementById("element").style.display = "block";

009

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

012______994

document.getElementById("element").style.display = "block";

014

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

017

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

89

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

91

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

93____994

document.getElementById("element").style.display = "block";

95

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

98

document.getElementById("element").style.display = "block";

94

document.getElementById("element").style.display = "block";

95

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

003____114

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

007______994

document.getElementById("element").style.display = "block";

009

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

012______994

document.getElementById("element").style.display = "block";

014

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

017

• Màu nền sẽ đặt màu nền của div.  

CSS

document.getElementById("element").style.display = "block";

28

document.getElementById("element").style.display = "block";

90

document.getElementById("element").style.display = "block";

91

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

32____994

document.getElementById("element").style.display = "block";

34

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

017

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

39

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

32____994

document.getElementById("element").style.display = "block";

43

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

017

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

28

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

91

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

32______994

document.getElementById("element").style.display = "block";

54

document.getElementById("element").style.display = "block";

96

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

017

• Tài liệu. getElementById sẽ chọn div với id đã cho.  

Javascript

document.getElementById("element").style.display = "block";

58

document.getElementById("element").style.display = "block";

59

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

62

document.getElementById("element").style.display = "block";

01

document.getElementById("element").style.display = "block";

64

document.getElementById("element").style.display = "block";

65

document.getElementById("element").style.display = "block";

66

• phong cách. display = “none” sẽ làm cho nó biến mất khi nhấp vào div.  

CSS

document.getElementById("element").style.display = "block";

67

document.getElementById("element").style.display = "block";

68

document.getElementById("element").style.display = "block";

96

Thực hiện phong cách. tài sản hiển thị.  

HTML

document.getElementById("element").style.display = "block";

70

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

72____12

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

75

document.getElementById("element").style.display = "block";

2

 

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

7____179

document.getElementById("element").style.display = "block";

80

document.getElementById("element").style.display = "block";

79

document.getElementById("element").style.display = "block";

2

 

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

85

document.getElementById("element").style.display = "block";

86

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

86

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

91

document.getElementById("element").style.display = "block";

92____193

document.getElementById("element").style.display = "block";

92____195

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

97

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

99

document.getElementById("element").style.display = "block";

92____9701

document.getElementById("element").style.display = "block";

92____9703

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

020

document.getElementById("element").style.display = "block";

92____193

document.getElementById("element").style.display = "block";

92____195

document.getElementById("element").style.display = "block";

92____9711

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

99

document.getElementById("element").style.display = "block";

92____9701

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

017

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

719

document.getElementById("element").style.display = "block";

92____193

document.getElementById("element").style.display = "block";

92____195

document.getElementById("element").style.display = "block";

92____9725

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

99

document.getElementById("element").style.display = "block";

92____9701

document.getElementById("element").style.display = "block";

92____9703

document.getElementById("element").style.display = "block";

92____9733

document.getElementById("element").style.display = "block";

92____9735

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

017

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

39

document.getElementById("element").style.display = "block";

92____9741

document.getElementById("element").style.display = "block";

92____9703

document.getElementById("element").style.display = "block";

92____9745

document.getElementById("element").style.display = "block";

92____9747

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

017

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

751

document.getElementById("element").style.display = "block";

85

document.getElementById("element").style.display = "block";

2

_______9751____175____12

 

document.getElementById("element").style.display = "block";

7____9758

document.getElementById("element").style.display = "block";

2

 

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

7_______98

document.getElementById("element").style.display = "block";

9

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

01

document.getElementById("element").style.display = "block";

02

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

01

document.getElementById("element").style.display = "block";

0

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

9

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

02

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

7

document.getElementById("element").style.display = "block";

0

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

7_______98

document.getElementById("element").style.display = "block";

9

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

78

document.getElementById("element").style.display = "block";

02

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

78

document.getElementById("element").style.display = "block";

0

document.getElementById("element").style.display = "block";

8

document.getElementById("element").style.display = "block";

2

 

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

7____9798

document.getElementById("element").style.display = "block";

86

document.getElementById("element").style.display = "block";

00

document.getElementById("element").style.display = "block";

59

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

804

document.getElementById("element").style.display = "block";

92____9806

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

017

 

document.getElementById("element").style.display = "block";

92____9810

document.getElementById("element").style.display = "block";

92____9812

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

017

 

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

816

document.getElementById("element").style.display = "block";

92____9818

document.getElementById("element").style.display = "block";

92

document.getElementById("element").style.display = "block";

017

document.getElementById("element").style.display = "block";

88

document.getElementById("element").style.display = "block";

751

document.getElementById("element").style.display = "block";

798

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

751

document.getElementById("element").style.display = "block";

758

document.getElementById("element").style.display = "block";

2

document.getElementById("element").style.display = "block";

751

document.getElementById("element").style.display = "block";

72

document.getElementById("element").style.display = "block";

2

đầu ra. Đầu ra của đoạn mã trên là.  

Hình vuông sẽ biến mất sau khi nhấp vào nó.  

Hình tròn tương tự sẽ biến mất sau khi nhấp vào nó.  

Tương tự, hình tròn sẽ biến mất sau khi nhấp vào nó

HTML là nền tảng của các trang web, được sử dụng để phát triển trang web bằng cách cấu trúc các trang web và ứng dụng web. Bạn có thể học HTML từ đầu bằng cách làm theo Hướng dẫn HTML và Ví dụ về HTML này