Hướng dẫn onclick css

Ví dụ và cách sử dụng sự kiện onclick trong HTML.

Nội dung chính Show

Định nghĩa và cách sử dụng
Trình duyệt hỗ trợ
Khác biệt giữa HTML 4.01 và HTML5
Giá trị thuộc tính

in Thư viện sự kiện HTML

<!DOCTYPE html>

<html>

<body>

<button onclick="myFunction()">Nhấnvàođây</button>

Nhấnvàonútbêntrênđểchạyhàmin ra chữ"Xin chào"trong thẻpvớiid="demo".

</body>

</html>

Demo

Xem thêm ví dụ bên dưới

Định nghĩa và cách sử dụng

Thuộc tính onclick được kích hoạt khi người dùng nhấn chuột vào thẻ.

Trình duyệt hỗ trợ

Thuộc tính
onclick	Có	Có	Có	Có	Có

Khác biệt giữa HTML 4.01 và HTML5

Không có sự khác biệt.

Cú pháp

onclick="script">

Giá trị thuộc tính

Giá trị	Miêu tả
script	Chạy script khi thuộc tính được kích hoạt

Chi tiết

Thuộc tính onclick dùng được trong tất cả các thẻ HTML ngoại trừ thẻ : , ,
, , , , <meta>, <param>, <script>, <style> và <title>.<h3>Ví dụ</h3> <table><tr><td> </td><td><!DOCTYPE html><html><body><pid="demo"onclick="myFunction()">Nhấnvàođây đểthayđổimàuchữ.</p><div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div><p>Nhấnvàothẻpbêntrênđể kích hoạthàmthayđổimàucủachữtrong thẻsangđỏ.</p><script>function myFunction(){document.getElementById("demo").style.color="red";}</script></body></html> </td></tr></table>Demo <table><tr><td>12345678910111213<div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>141516171819 </td><td><!DOCTYPE html><html><body>Chữmẫu:<input type="text"id="field1"value="Xin chào!"><br> Sao chép:<input type="text"id="field2"><br><br><button onclick="myFunction()">Sao chép</button> <p>Nhấnvàonúttrênđểkích hoạthàmsao chéptừôChữ mẫusangôSao chép.</p><script>functionmyFunction(){document.getElementById("field2").value =document.getElementById("field1").value;}</script></body></html> </td></tr></table>Demo</article><div class='paramage'></div> <div class="contenBreak"></div></div> <div class="readmore_content_exists"><button id="readmore_content">Đọc tiếp</button></div> </td></tr></table> <div style="padding:10px 0px;text-align:center"><div class="addthis_inline_share_toolbox"></div></div> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video liên quan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/0bDrbpOW7uE?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen>

Hướng dẫn onclick css

Định nghĩa và cách sử dụng

Trình duyệt hỗ trợ

Khác biệt giữa HTML 4.01 và HTML5

Cú pháp

Giá trị thuộc tính

Chi tiết

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội