document对象
一.write方法和getElementById方法 javascript
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>doucment对象</title> </head> <body> <input type="text" id="nameid" value="公子世无双" /> <script type="text/javascript"> //document对象表示整个文档 //write()方法:1)向页面输出变量(值) var str = "陌上人如玉!"; document.write(str); //向页面输出html代码 document.write("<hr/>"); //使用getElementById获得input标签 var input1 = document.getElementById("nameid"); //获得input里面的value值 alert(input1.value); //设置input里面的value值 input1.value = "大江东去浪淘尽"; </script> </body> </html>
2.getElementsByName方法html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>document对象二</title> </head> <body> <input type="text" name="name1" value="人生处处知何似"><br/> <input type="text" name="name1" value="应是飞鸿踏雪泥"><br/> <input type="text" name="name1" value="泥上偶尔染指爪"><br/> <input type="text" name="name1" value="鸿飞那复计东西"><br/> <script type="text/javascript"> //getElementsByName()经过标签的name的属性值获得标签 //-返回的是一个集合(数组) //使用getElementsByName获得input标签 var inputs = document.getElementsByName("name1"); alert(inputs.length); </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>document对象二</title> </head> <body> <input type="text" name="name1" value="人生处处知何似"><br/> <input type="text" name="name1" value="应是飞鸿踏雪泥"><br/> <input type="text" name="name1" value="泥上偶尔染指爪"><br/> <input type="text" name="name1" value="鸿飞那复计东西"><br/> <script type="text/javascript"> //getElementsByName()经过标签的name的属性值获得标签 //-返回的是一个集合(数组) //使用getElementsByName获得input标签 var inputs = document.getElementsByName("name1"); //遍历数组 for(var i = 0;i<inputs.length;i++) { //每次循环获得input对象,赋值到input1里面 var input1 = inputs[i]; alert(input1.value); } </script> </body> </html>
因为inputs接收的是一个集合,故而在循环中依次打印了四个元素java
3.getElementsByTagName():返回带有指定标签名的对象集合-->即经过标签获得元素数组
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>document对象三</title> </head> <body> <input type="text" name="name1" value="千山鸟飞绝"><br/> <input type="text" name="name1" value="万径人踪灭"><br/> <input type="text" name="name1" value="孤舟蓑笠翁"><br/> <input type="text" name="name1" value="独钓寒江雪"><br/> <script type="text/javascript"> var inputs1 = document.getElementsByTagName("input"); //遍历数组,获得每一个input标签 for(var i=0;i<inputs1.length;i++) { var result = inputs1[i]; alert(result.value); } </script> </body> </html>
4.经过具体的数组下标获得value值spa
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>document对象四</title> </head> <body> <!-- getElementsByName与getElementsByTagName返回的是元素数组,能够经过具体的元素下标获得具体的value值 --> <input type="text" name="aidou" value="秋水时至"> <script type="text/javascript"> //经过name名获得元素 var result1 = document.getElementsByName("aidou")[0]; document.write("<br/>"+result1.value+"<br/>"); //经过标签名获得元素 var result2 = document.getElementsByTagName("input")[0]; document.write(result2.value); </script> </body> </html>
相关文章
- 1. JavaScript_Window对象和Document对象
- 2. DOM对象之document对象
- 3. document对象
- 4. document 对象
- 5. javascript.dom-document对象
- 6. Document对象
- 7. Document 对象
- 8. JavaScript Document 对象
- 9. jsDOM对象 document
- 10. Window及document对象
- 更多相关文章...
- • XML DOM - Document 对象 - XML DOM 教程
- • XSLT document() 函数 - XSLT 教程
- • RxJava操作符（一）Creating Observables
- • RxJava操作符（九）Connectable Observable Operators
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. 跳槽面试的几个实用小技巧，不妨看看！
- 2. Mac实用技巧 |如何使用Mac系统中自带的预览工具将图片变成黑白色?
- 3. Mac实用技巧 |如何使用Mac系统中自带的预览工具将图片变成黑白色?
- 4. 如何使用Mac系统中自带的预览工具将图片变成黑白色?
- 5. Mac OS非兼容Windows软件运行解决方案——“以VMware & Microsoft Access为例“
- 6. 封装 pyinstaller -F -i b.ico excel.py
- 7. 数据库作业三ER图待完善
- 8. nvm安装使用低版本node.js(非命令安装)
- 9. 如何快速转换图片格式
- 10. 将表格内容分条转换为若干文档
欢迎关注本站公众号,获取更多信息
相关文章