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里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中 文本框取出来 ...
随机推荐
- Oracle查询DQL脚本记录
--查询列 Select t.sname,t.ssex,t.class from student t --t 别名; Select *from student t; --* 代表查询表内所有数据 '; ...
- Atitit dsl对于数组的处理以及main函数的参数赋值
Atitit dsl对于数组的处理以及main函数的参数赋值 1.1. 词法解析..添加了[] 方括号的解析支持1 1.2. Ast建立.添加了数组参数的支持..使用了递归下降法..getparam ...
- 如何实现 Android 应用的持续部署？
构建一个高质量的 Android 应用 最大的挑战是什么? 在整个开发流程中,也许 Coding 时莫名的 bug,也许是 Android 开发兼容性问题,多版本多渠道自动打包问题,也有开发工具选择等 ...
- Masonry -- 使用纯代码进行iOS应用的autolayout自适应布局
简介 简化iOS应用使用纯代码机型自适应布局的工作,使用一种简洁高效的语法替代NSLayoutConstraints. 项目主页: Masonry 最新示例: 点击下载 项目简议: 如果再看到关于纯代 ...
- CCNA基础 IP地址子网划分
计算机是一个非常神奇的物品,它的核心算法是凌驾于任何代码架构.然而互联网网络( Internat )作为整个生态的基础资源.什么?你还不会子网划分? 没关系,看到子网掩码不要怕.因为它无非就是问你 & ...
- hibernate(七) hibernate中查询方式详解
序言 之前对hibernate中的查询总是搞混淆,不明白里面具体有哪些东西.就是因为缺少总结.在看这篇文章之前,你应该知道的是数据库的一些查询操作,多表查询等,如果不明白,可以先去看一下 MySQL数 ...
- 不同场景下 MySQL 的迁移方案
一 目录 一 目录 二 为什么要迁移 三 MySQL 迁移方案概览 四 MySQL 迁移实战 4.1 场景一 一主一从结构迁移从库 4.2 场景二 一主一从结构迁移指定库 4.3 场景三 一主一从结构 ...
- 【WP 8.1开发】手机客户端应用接收推送通知
上一篇文章中,已经完成了用于发送通知的服务器端,接下来我们就用这个服务端来测试一下. 在开始测试之前,我们要做一个接收通知的WP应用. 1.启动VS Express for Windows,新建项目, ...
- OpenCascade Shape Representation in OpenSceneGraph
OpenCascade Shape Representation in OpenSceneGraph eryar@163.com 摘要Abstract:本文通过程序实例,将OpenCascade中的拓 ...
- 汇编程序的Hello world
原文链接:http://www.orlion.ga/989/ 一.汇编程序的Hello world x86 AT&T: .data msg: .ascii "Hell ...