JavaScript的DOM操作。Window.document对象
间隔执行一段代码：window.setlnteval("需要执行的代码",间隔毫秒数)
例 ： window.setlnteval("alert("你好")", 5000) 5秒后执行一次输出"你好"
1、Window.document对象
docunment.getElementById(" id ") 根据id找，最多找一个
var a= docunment.getElementById(" id ") 将找到的元素放到变量中（赋值）
docunment.getElementsByName("name") 根据name找名字，找出来的是数组
docunment.getElementsByTagName("name") 根据标签名找，找出来的是数组
docunment.getElementsByClassName("name") 根据classname找，找出来的是数组
2、获取非表单元素
获取内容：
a.innerHTML 将标签中的HTML代码和文字都获取
ainnerText 只获取里面的文字 获取标签内部的值，用这两个属性
格式如下 ；输出的值为<b>1234567</b>
例：获取文本框中提交的value值
<body>
<form>
请输入文字：<input type="text" value="" id="wz"/> /*文本域*/
<input type="button" value="按钮" onclick="nn()"> /*普通按钮，鼠标点击时*/
</form> </body>
</html>
<script>
function nn() /*函数，需要调用才能执行*/
{
var a= document.getElementById("wz").value /*获取id为wz的标签中的value值*/
alert("您输入的文字为"+a) /*输出*/
} </script>
效果图如下:
在a标签中添加 onclick="return flase" 则不会跳转链接
操作内容：
a.setAttribute("属性名","属性值") 设置一个属性进行更改
a.getAttribute("属性名") 获取属性的值
a.removeAttribute("属性名") 移除属性
例：
要求在文本框中输入123，并点击按钮
<form>
请在文本框中输入123：<input type="text" value="" id="wz" sr="123"/> /*文本框中需要输入123*/
<input type="button" value="按钮" onclick="nn()"> /*普通按钮，鼠标点击时执行函数*/
</form> </body>
</html>
<script>
function nn() /*函数*/
{
var a= document.getElementById("wz") /*获取到id为wz的标签，并将获取到的元素赋值给a*/
var a1=a.value /*将a中的value值赋值给a1*/
var b= a.getAttribute("sr"); /*获取a中的sr属性的值，并赋值给b*/
if(a1==b) /*判断，当a1=b（文本框中输入的值与我们设定的值相等时）*/
{
alert("输入正确") /*输出*/
}
} </script>
2.延迟按钮 ，在十秒之后可点击
<form> <input type="button" id="a" disabled="disabled" value="十秒之后可点击（10）" /> /*设置一个按钮，并且不可点击*/ </form>
</body>
</html>
<script> var sj=10;
var b=document.getElementById("a");
function ty()
{
sj--;
if(sj==0)
{
b.removeAttribute("disabled")
b.value("同意")
}
else
{
a.value="十秒之后可点击("+sj+")"
window.setTimeout("ty()",1000)
}
}
效果图如下：
JavaScript的DOM操作。Window.document对象的更多相关文章
- JavaScript（四）——DOM操作——Window.document对象
一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunment.getElementById(&qu ...
- JavaScript——DOM操作——Window.document对象
一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunment.getElementById(&qu ...
- HTML中 DOM操作的Document 对象详解(收藏)
Document 对象Document 对象代表整个HTML 文档,可用来访问页面中的所有元素.Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访 ...
- 第一百一十六节，JavaScript，DOM操作样式
JavaScript,DOM操作样式 一．操作样式 CSS作为(X)HTML的辅助,可以增强页面的显示效果.但不是每个浏览器都能支持最新的CSS能力.CSS的能力和DOM级别密切相关,所以我们有必要检 ...
- 网站开发综合技术 三 JavaScript的DOM操作
第3部分 JavaScript的DOM操作 1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Windows对象操作 ...
- Window.document对象
1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunme ...
- Window.document对象 轮播练习
Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docun ...
- HTML Window.document对象
1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunmen ...
- JS中window.document对象
小知识点注:外面双引号,里面的双引号改为单引号: 在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中 文本框取出来 ...
随机推荐
- DDD~基础设施层~续
回到目录 在之前写的DDD~基础设施层文章中,提到了UnitOfWork,它里面有一些方法,但经过项目证明,不应该有Save和IsExplicitSubmit,而这个工作单元只起到了数据上下文统一的作 ...
- CentOS6.5下安装JDK
之前一直没有完全的总结出一篇关于Linux下安装Java的过程,今天正好就整理下. 下载jdk 如果在官网下载比较慢,那么可以到我的云盘分享上,下载jdk 1.8.0的版本: 下载地址参考链接 解压缩 ...
- salesforce 零基础开发入门学习（三）sObject简单介绍以及简单DML操作（SOQL）
salesforce中对于数据库操作和JAVA等语言对于数据库操作是有一定区别的.salesforce中的数据库使用的是Force.com 平台的数据库,数据表一行数据可以理解成一个sObject变量 ...
- iOS-MVC模式
提到ios中的mvc不得不提2011秋季斯坦福课程的老头,他的iphone开发公开课是所有描述ios中mvc模式最为准确并且最为浅显易懂的. 模型-视图-控制器 这个模式其实应该叫做MCV,用控制器把 ...
- 每天一个linux命令（19）：find 命令概览
Linux下find命令在目录结构中搜索文件,并执行指定的操作.Linux下find命令提供了相当多的查找条件,功能很强大.由于find具有强大的功能,所以它的选项也很多,其中大部分选项都值得我们花时 ...
- Unity5.x在WP8.1中无法使用Reflection API的解决方法
下班前随便写点,虽然花了不少时间但是最终得到的解决方法还是比较简单的. 第一种方法:使用WinRTLegacy.dll中的类.这个dll在生成的WP project中是自带的无需在unity工程中添加 ...
- nodejs字符与字节之间的转换
new Buffer("Hello World").toString("base64"); /* yields SGVsbG8gV29ybGQNCg== */ ...
- Request.UrlReferrer 使用
最近有一个功能是反馈统计,然后在反馈建议里面添加是从哪个页面点击过来的,一开始打算做成&url=这种方法加在链接里面然后页面接受参数,后来知道了request.UrlReferrer 知道他可 ...
- selenium-webdriver(python) (十六) --unittest 框架
学习unittest 很好的一个切入点就是从selenium IDE 录制导出脚本.相信不少新手学习selenium 也是从IED 开始的. IDE学习参考: 菜鸟学自动化测试(一)----selen ...
- 实战：微信小程序支付开发具体流程
来源:授权地址作者:会编码的熊 该文章纪录了我在开发小程序支付过程中的具体流程 1. 申请微信支付 小程序认证后进入微信支付申请小程序的微信支付 填写企业信息对公账户并上传凭证后,微信支付会打一笔随机 ...