用javascript,HTM,css设计一个页面

用javascript,HTM,css设计一个页面,页面上有一个按钮,点击按钮,自动生成一个2行3列的表格,并显示在本页面上

function createTable(){
document.write("<table border='2' width='300' height='200'><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table>");
}

<input type="button" value="生成" onclick="createTable()"/>追问

这个代码运行后 也没有 ”点击按钮,自动生成一个2行3列的表格,并显示在本页面上“”

追答<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
  function createTable(){
 document.write("<table border='2' width='300' height='200'><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table>");
  }
  </script>
 </head>
 <body >
<input type="button" value="生成" onclick="createTable()"/>
 </body>
</html>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2016-11-15
<button onclick="outTable()">生成表格<button>

以上为html代码

function outTable(){
document.write('<table border="1"><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>');
}

以上为js代码

追问

没有“点击按钮,自动生成一个2行3列的表格,并显示在本页面上” 这个效果啊

追答

你确定格式都写正确了吗?要写在html文件里的
js代码外边也要包括script标签的

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网