JavaScript基础 得到 在表格中的 text文本输入框内的 字符串
2017-05-06 16:26
435 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
result:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201705/973313ae7c116e59d510baadd2b7080e.png)
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。
注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script type="text/javascript"> function ShowTextValue() { var textObj = document.getElementById("table0"); //所有行 var rowsObj = textObj.rows; //第1行 第2列 index从0开始的 所以第1行的Index是0 var row1col2 = rowsObj[0].cells[1]; //有趣的是 firstChile的属性智能提示中 是没有value的。。。但是居然可以运行 // var textValue = row1col2.firstChild.value; alert(textValue); } </script> </head> <body> <table id="table0"> <tr> <td>0</td><td><input type="text" value="1"/><!--这个Input就是我要找的,它中的value就是我要的--></td> </tr> <tr> <td>1</td><td><input type="button" onclick="ShowTextValue()" value="显示文本框的内容" /></td> </tr> </table> </body> </html>
result:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201705/973313ae7c116e59d510baadd2b7080e.png)
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。
注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。
相关文章推荐
- JavaScript基础 得到 在表格中的 text文本输入框内的 字符串
- JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur
- JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur
- javascript 基础 -- 替换字符串文本中的空格
- JavaScript基础 rows,cells 得到表格中所有单元格的内容
- JavaScript基础 rows,cells 得到表格中所有单元格的内容
- Android文本输入框EditText属性和方法说明
- javascript基础知识(字符串)
- javascript练习题(3):基础字符串运算
- Android文本输入框EditText属性和方法说明
- Javascript中得到中英文混合字符串的长度
- JavaScript基础 substr(startIndex, length) 在原始字符串中,截取并返回一个子字符串
- RecyclerView嵌套多个布局,多个editText,解决文本输入框上下交换位置中的值问题
- JavaScript基础 点击超链接删除 一个表格中的某一行 parentNode.removeChild
- JavaScript基础 使用for循环 获得一个表格中所有行的id值
- 用NPOI生成包含富文本字符串(Rich Text String)的单元格(2) - 设置上标和下标
- Javascript基础系列之(三)数据类型 (字符串 String)
- asp.net C#用JavaScript获取JS显示得到TextBox文本框控件text值内容
- Android文本输入框EditText属性和方法说明
- Android文本输入框(EditText)切换密码的显示与隐藏