DOM访问表格子元素的常用属性和方法
来源:互联网 发布:巨人网络最新招聘信息 编辑:程序博客网 时间:2024/05/17 22:35
DOM访问表格子元素的常用属性和方法
通过rows[index]返回表格的行的属性
<html><head><title>00</title></head><body><table id="mytable" border="1"><caption>海通科技课程</caption><tr><td>C</td><td>C++</td></tr><tr><td>Android</td><td>Java</td></tr><tr><td>Python</td><td>.NET</td></tr></table><input type="button" value="表格标题" onclick="testbutton1(mytable.caption)"/><br/><br/><input type="button" value="第一行、第一格"onclick="testbutton1(mytable.rows[0].cells[0])"/><br/><br/><input type="button" value="第二行、第二格"onclick="testbutton1(mytable.rows[1].cells[1])"/><br/><br/><input type="button" value="第三行、第二格"onclick="testbutton1(mytable.rows[2].cells[1])"/><br/><br/>设置指定单元格的值:第<input type="text" id="row" size="2"/>行,<input type="text" id="cel" size="2"/>列,改为<input type="text" id="course" size="10"/><input type="button" id="btn_set" value="修改" onclick="testbutton2()"/><br/><br/><hr/><input type="text" id="video" size="20"/><script type="text/javascript" charset="utf-8">var videotext=document.getElementById("video");var mytable=document.getElementById("mytable");var text1=document.getElementById("row");var text2=document.getElementById("cel");var text3=document.getElementById("course");function testbutton1(target){videotext.value=target.innerHTML;}function testbutton2(){var a1=text1.value;var a2=text2.value;var a3=text3.value;mytable.rows[a1-1].cells[a2-1].innerHTML=a3;}</script></body></html>
阅读全文
0 0
- DOM访问表格子元素的常用属性和方法
- w3c dom 常用元素属性和方法
- DOM访问表单控件常用属性和方法
- 常用的DOM属性、方法和集合
- DOM的常用属性和方法
- DOM常用对象的属性和方法
- DOM常用属性和方法
- 处理XML文档的DOM元素属性和方法
- 处理XML文档的DOM元素属性和方法
- js操作dom元素的属性和方法
- JS操作DOM元素的属性和方法
- AJAX 学习笔记(5) 处理XML文档的DOM元素属性和遍历DOM元素方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- JS操作DOM元素属性和方法
- 用canvas实现视频播放与弹幕功能
- <mvc:annotation-driven />
- Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件
- MongoDB导出导入数据
- 如何把图片的地址转换为base64
- DOM访问表格子元素的常用属性和方法
- WebSocket的原理,以及和Http的关系
- 设计模式--责任链模式
- vue2.0+element+node+webpack搭建的一个简单的后台管理界面
- 升级安装php7要考虑的3个重要方面
- 网站
- 亚马逊全球开店卖家峰会昨日举行,内附2018亚马逊开店入驻通道
- 史上最牛JAVA思维导图学习笔记
- Fragment对于Listview未满一屏添加脚布局,满屏将View固定在屏幕下方的解决方案