宝哥软件园

JS实现动态添加数字正射影像图节点和事件的方法示例

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

本文实例讲述了射流研究…实现动态添加数字正射影像图节点和事件的方法。分享给大家供大家参考,具体如下:

运行效果图如下:

完整实例代码如下:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /titleJs(DOM)动态添加节点和事件/title脚本类型=' text/JavaScript '函数addEl(){//找到要添加节点的父节点(表格)var TB=文档。getelementbyid(' TB ');//创建tbody节点,表格中必须有tbody才能添加,直接添加tr不成功var t正文=文档。创建元素(' t body ');//创建tr节点var tr=文档。创建元素(' tr ');//创建任务描述节点var TD=文档。创建元素(' TD ');//添加一个文本框节点,设置编号和类型属性var newTp=文档。创建元素(“输入”);newtp . id=' text 1 newtp . type=' text//添加一个按钮var newEl=文档。创建元素(“输入”);newel . type=' button newel . value=' button newel . name=' button 1//添加onclick事件,和事件执行的函数纽厄尔。onclick=function dofun(){ document。getelementbyid(' txt ').value=newTp.value} //把2个节点添加到任务描述当中道明。追加子(NewTP)TD。追加子级(NewEl);//把任务描述添加到tr中tr。appendchild//把tr添加到任务描述中t型车身。append child(tr);//把任务描述添加到桌子中肺结核。阑尾(t体);}/script/script/head dytable id=' TB ' tr TD添加节点的地方/TD/tr/可压片tr td输入类型='按钮'值='添加节点onclick='addEl()'//td td输入类型=' text ' id=' txt '/TD/tr/table/body/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题: 《JavaScript操作DOM技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。

更多资讯
游戏推荐
更多+