html5的页面执行时自上而下的,所以当在<head></head>中使用的时候不要有getElemntById(id 来自body里),由于还没加载到,会返回null;
要将<script>放到那些id之后。
eg:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>sorrow</title> <link rel="stylesheet" type="text/css" href="New.css"> <script> function qian() {document.getElementById("pid").innerHTML="皓腕凝霜雪";// } qian(); </script> </head> <body> <p id="pid"> 叹桥边红叶,年年知为谁生。</p> <button id="btn">button</button> </body> </html>显示
叹桥边红叶,年年知为谁生。<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>sorrow</title> <link rel="stylesheet" type="text/css" href="New.css"> </head> <body> <script> function qian() {document.getElementById("pid").innerHTML="皓腕凝霜雪";// } qian(); </script> <p id="pid"> 叹桥边红叶,年年知为谁生。</p> <button id="btn">button</button> </body> </html>显示叹桥边红叶,年年知为谁生。<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>sorrow</title> <link rel="stylesheet" type="text/css" href="New.css"> </head> <body> <script> function qian() {document.getElementById("pid").innerHTML="皓腕凝霜雪";// } qian(); </script> <p id="pid"> 叹桥边红叶,年年知为谁生。</p> <script> function qian() {document.getElementById("pid").innerHTML="皓腕凝霜雪";// } qian(); </script> <button id="btn">button</button> </body> </html>显示皓腕凝霜雪