几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
jsp如何设计复杂表格
来源：互联网
2023-03-17 00:01:09 版权归原作者所有，如有侵权，请联系我们
jsp如何设计复杂表格。大家知道HTML复制网页的架构，javascript复制网页的动态。如果要用jsp来创建表格，不管是简单还是复杂，我们要知道创建表格的规则，并且熟悉DOM的法则，这里就给大家示范一下。
工具/原料
- windows 7
- chrome浏览器
- sublime text 3
方法/步骤
打开我们的编辑器，新建一个HTML文件，然后编写基本的结构。
创建一个新的JS文件，并且用script标签来链接HTML文档。
form action="">
input id="createTable" type="button" value="创建表格">
br />
input type="text" value="创建表头">
input id="createHead" type="button" value="创建表头">
br />
input type="text" value="创建内容">
input id="createContent" type="button" value="创建内容">
/form>
这里创建按钮和输入框，为了方便等一下进行点击后创建表格。
table>
th>/th>th>/th>th>/th>
tr>/tr>tr>/tr>tr>/tr>
/table>
然后我们这里创建一个简单的表格框架作为示范。
var createHead = document.getElementById("createHead");
createHead.addEventListener("click", function(){
var newRow = document.createElement("tr");
var newValue = document.getElementsByTagName("input")[1];
newRow.appendChild(newValue)
var position = document.getElementsByTagName("th")[0];
position.appendChild(newRow);
})
这里创建JS代码，我们这里示范一下，通过输入内容，并且点击按钮，这样就可以向表格里的th输入内容。
然后我们测试一下，输入内容，并且点击一下设置好的按钮，下面就会自动生成表头了。
注意事项
- tr里面的td也是同样的方法创建设计
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： 表格JAVASCRIPT
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读