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里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中 文本框取出来 ...
随机推荐
- JS动态设置css的几种方式
1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element. ...
- 转 jsp中 session的简单用法
Session对象:是用来分别保存每一个用户信息的对象,以便于跟踪用户的操作状态．Session的信息保存在服务端,Session的ID保存在客户机的Cookie中．事实上,在许多服务器上,如果浏览器 ...
- atitit。ocr框架类库大全 attilax总结
atitit.ocr框架类库大全 attilax总结 Tesseract Asprise JavaOCR 闲来无事,发现百度有一个OCR文字识别接口,感觉挺有意思的,拿来研究一下. 百度服务简介:文字 ...
- iOS----------使用 Xcode6或Xcode7配置.pch文件
刚上手 Xcode6/Xcode7 的人,总会发现之前在 6 之前常常会在“利用名-Prefix.pch”这个文件中来配置我们全局要用到的头文件,但是 xcode6 没有了,人家说,这类东西有时候也会 ...
- 基于asp.net+MINIUI的项目----在线学习系统
1 数据库列的自动计算: 描述:一张选课表,其中有学习的开始时间和结束时间,一个列用来计算学习的总时间(小时) 解决:选择该列 属性:计算列规范:公式:(datediff(hour,[StartTim ...
- python--基础学习（三）字符串单引号、双引号、三引号
1.基本认识 单引号字符串:'python' 双引号字符串:"python" 三引号字符串:'''python'''(三单引号),"""python& ...
- CSS布局（下）
1.CSS布局之浮动 1.1.float之图文混排 float的意思就是元素漂浮在上层. 可以直接通过设置float属性实现图文混排,代码如下: <div style="width:2 ...
- Oracle循环语句
PL/SQL有四种类型的循环:简单循环.WHILE循环.FOR循环以及游标FOR循环.在这里我们主要讨论前三种,除此之外,还将讨论Oracle 11g中新引入的CONTINUE语句. 一. 简单循环 ...
- struts深入原理之RequestProcessor与xml
和配置文件相对应的代码(struts1) public void process(HttpServletRequest request, HttpServletResponse response) ...
- Ruby FFI 入门教程
FFI是一个可以让用户使用Ruby调用C代码的gem.如果你需要执行一些系统底层调用,或者做一些高性能运算的话,FFI是一个很不错的选择. 1. 安装 执行gem install ffi即可.非常标准 ...