点击按钮改变内容，再次点击变回来
div 内容为123 点击按钮a 内容变为**** 在此点击按钮a 内容变回123
_天蝎座的你_0浏览 5147回答 5
5回答
-
李晓健
<!DOCTYPE html> <html> <head id="abc"> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div">123</div> <button data-text="*****" id="button">按钮</button> </body> <script type="text/javascript"> var div = document.getElementById('div'); document.getElementById('button').onclick = function () { var text = this.getAttribute('data-text'); this.setAttribute('data-text',div.innerHTML); div.innerHTML = text; } </script> </html> -
千秋此意
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div>123</div> <button>Button</button> <script> var div = document.querySelector('div'); var btn = document.querySelector('button'); var flag = true; btn.onclick = function() { div.innerHTML = (flag = !flag) ? '123' : 'a'; } </script> </body> </html>
随时随地看视频慕课网APP
相关分类
JavaScript
JQuery