image.png

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <title>菜鸟教程(runoob.com)</title>
    6. </head>
    7. <head>
    8. </head>
    9. <body>
    11. <p id="dd">点击按钮执行 <em>displayDate()</em> 函数.</p>
    12. <button id="myBtn">点这里</button>
    13. <script>
    14. document.getElementById("myBtn").onclick="this.style.display='none'";<-这里为什么不行捏找到元素就给它动手术，必须得是函数然后函数->
    15. function displayDate(){
    16.     document.getElementById("demo").innerHTML=Date();
    17. }
    18. </script>
    19. <p id="demo"></p>
    21. </body>
    22. </html>
    24. ------------------------------------------------------------------------------------------
    25. <body>
    27. <p id="dd">点击按钮执行 <em>displayDate()</em> 函数.</p>
    28. <button id="myBtn">点这里</button>
    29. <script>
    30. document.getElementById("myBtn").onclick=function(){
    31.     console.log("234")
    32.     document.getElementById("dd").style.color="red";
    33. };//<-这里为什么不行捏找到元素就给它动手术，必须得是函数然后函数->
    34. function displayDate(){
    35.     document.getElementById("demo").innerHTML=Date();
    36. }
    37. function baby(){
    38.     console.log("234")
    39.     document.getElementById("dd").style.color="red";
    40. }
    41. </script>
    42. <p id="demo"></p>
    44. </body>