文章插图
表单中使用name来获取表单的value方法是使用document.getElementsByName()来获取,但是一定要记得这样获取到的结果为集合 。如果代码写成这样将不会起作用
var x = document.getElementsByName("x").value;window.alert(x);
你会发现alert出来的是undefinded因为获取的结果为集合,所以应该加上下标,如下:
var x = document.getElementsByName("x")[0].value;windwo.alert(x);
这时,alert出来的才是正确的值 。用js来获取textarea中用户输入的值同上面的一样 。起初以为是用.innerHTML来获取,后发现也是用value获取 。
代码1:
效果1:
关于在匿名函数中使用innerHTML遇到的问题在写练习的时候遇到一个问题,在网页中动态的显示当前的时间 。用了setInterval(),然后把显示时间的代码写成匿名函数放在setInterval()的第一个参数里面了,可是网页一直报错,显示不了时间 。
<html><head> <title>始终制作</title> <script type="text/javascript">window.onload = window.setInterval((function() {var nTime = new Date();var year = nTime.getFullYear();//alert(year);var month = nTime.getMonth()+1;var day = nTime.getDate();var hours = nTime.getHours();var minutes = nTime.getMinutes();var seconds = nTime.getSeconds();var week = nTime.getDay();var amOrpm = "";var weekday="";if(hours > 12 && hours <24) {amOrpm = "PM";}else if(hours >= 0 && hours <= 12){amOrpm = "AM";}switch(week) {case 1:weekday = "星期一";break;case 2:weekday = "星期二";break;case 3:weekday = "星期三";break;case 4:weekday = "星期四";break;case 5:weekday = "星期五";break;case 6:weekday = "星期六";break;case 7:weekday = "星期天";break;}var reallyt =year + "年" + month + "月" + day + "日" + " " + hours+ ":" + minutes + ":" + seconds + " " + amOrpm + " " + weekday;//document.write(reallyt);document.getElementById("nowTime").innerHTML="<h2>"+ reallyt + "</h2>";})(),1000); </script></head><body> <h1>欢迎来到炒鸡无敌大餐厅,现在的时间是:</h1> <div id="nowTime"> </div></body></html>
网页报错如下:后面把匿名函数放出来声明好,再在setInterval()里面调用,又可以用了,很郁闷(补充:或者把innerHTML换成innerText试试?不行 。。。) 。在网上搜到说是好像因为匿名函数是一行一行执行的,在执行到innerHTML那里时,因为网页中的id为nowTime的div还没加载,所以找不到就报错了 。不知道这个解释正不正确 。
改正后代码:
结果:
貌似还有一个方法是:把js脚本放在body后面引入? 在我这份代码中不行 。。。
关于index通过getElement系列函数获取的元素集合有一个index属性 。例如
var temp = document.getElementByName("x");temp[0].index=i;
这段代码表示,第一个元素的下标等于i 。在a标签中使用onclick等事件在a标签中使用onclick等事件时,为了防止此事件失效,需要把a标签的href属性的属性值设置为:javascript:void(0);
使用getElementXXXX系列函数使用getElementXXXX系列函数时,如果要获取标签的各种属性,在html中标签的属性名怎么写,js中的属性名就怎么写 。只有一个意外,如果要获取标签的class属性,则在js中要通过clsaaName来获取
var d = getElementById("div11");d.className = "div22"; //通过className来获取类名<div id = "div11" class = "div1">kadl</div>
z-index使用在网页中,要想使z-index出现效果,元素必须设置定位,不管是绝对定位还是相对定位都可以,根据情况
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- php分割字符串为数组 php获取字符串第一个字符
- 淘宝获取流量的方法 淘宝采集软件自带流量
- js获取input的输入值了解 js获取input的输入值进行比较
- 离婚后如何获取孩子抚养权 离婚后抚养权可以变吗
- js读取本地文件的方法 js获取本地文件绝对路径
- cad常用快捷键命令大全 cad输入文字命令快捷键
- 手机笔画输入法教程口诀 qq笔画输入法怎么打开
- 初次使用苹果手机教程 苹果怎么换输入法皮肤
- mac输入法切换方法 macbook输入法切换快捷键
- 工人物语4无法读取存档的原因 工人物语4秘籍怎么输入