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里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中 文本框取出来 ...
随机推荐
- 中小公司PMO不一样期间的责任
中小公司,又称中小型公司或中小企,它是与所在行业的大公司对比在人员规划.财物规划与运营规划上都对比小的经济单位.此类公司一般可由单自个或少数人供给资金构成,其招聘人数与营业额皆不大,因此在运营上多半是 ...
- 一条Select语句丛生到死的处理过程
以一条普通的“select * from table order by …”语句为例.图2-21中显示为该语句在数据库中各个组件之间的处理过程,各个步骤分别代表: (1)select语句通过网络传送给 ...
- SQL SERVER 2005/2008 中关于架构的理解(一)
SQL SERVER 2005/2008 中关于架构的理解(一) 在一次的实际工作中碰到以下情况,在 SQL SERVER 2008中,新建了一个新用户去访问几张由其他用户创建的表,但是无法进行查询, ...
- 每天一个linux命令（9）：touch 命令
linux的touch命令不常用,一般在使用make的时候可能会用到,用来修改文件时间戳,或者新建一个不存在的文件. 1．命令格式: touch [选项]... 文件... 2．命令参数: -a ...
- iReport 开发和运行所用版本不一致导致设置字体大小不起作用
问题:开发环境使用 Win10 + iReport 5.6 ,运行环境使用 Win10 + iReport 5.2 ,设置字体的大小不起作用. 解决方法:开发环境和运行环境一致,都使用 iReport ...
- iOS越狱开发（一）
做越狱开发也有一些时间了,有很多东西想总结一下,希望给他人一些借鉴,也是自己对过去开发经历的一些总结.个人不推荐使用盗版,这里主要以技术介绍为主. 这个系列里面主要介绍怎样进行越狱开发,涉及到以下几个 ...
- ASP.NET MVC在线人数统计
在Global.asax.cs文件中代码: protected void Application_Start() { Application[; AreaRegistration.RegisterAl ...
- CSS选择器的浏览器支持
CSS1 CSS2 CSS 3 :hover 在IE6中只有a元素可用. E:empty 貌似在webkit核心浏览器中有些小bug. 如果这个bug依然存在,不太确定如何测试. IE6不支持.cla ...
- HashSet中实现不插入重复的元素
/* 看一下部分的HashSet源码.... public class HashSet<E> extends AbstractSet<E> implements Set< ...
- 给深度学习入门者的Python快速教程 - 番外篇之Python-OpenCV
这次博客园的排版彻底残了..高清版请移步: https://zhuanlan.zhihu.com/p/24425116 本篇是前面两篇教程: 给深度学习入门者的Python快速教程 - 基础篇 给深度 ...