码迷,mamicode.com
首页 > Web开发 > 详细

js的间隔延迟以及dom操作

时间:2018-10-27 13:17:22      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:添加   签名   设置   attribute   name   调用   str   根据   关闭   

JavaScript的间隔与延迟

间隔  setInterval():

setInterval("函数名",间隔时间)

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

clearInterval(间隔的变量名);

延迟 setTimeout():

;("函数名",间隔时间)

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

JavaScript的DOM操作

1.JavaScript:写入 HTML 输出

实例

document.write("<h1>This is a heading</h1>");

2.JavaScript:对事件作出反应

实例

<button type="button" onclick="alert(‘Welcome!‘)">点击这里 </button>

3.JavaScript:改变 HTML 内容

使用 JavaScript 来处理 HTML 内容是非常强大的功能。

        查找元素:
                根据id获取元素
                document.getElementById("id");
                根据class获取元素
                document.getElementsByClassName("class");
                根据标签名获取元素
                document.getElementsByTagName("div");
                根据name获取元素
                document.getElementsByName("name");
  操作内容:
   1.获取对象里的html代码与文字
    获取的对象.innerHTML;
  2.获取对象里的文字----兼容有问题
    获取的对象.innerText;textContent;         

     3.改变对象里的html代码与文字

  获取的对象.innerHTML="改变的内容";

   4.改变对象里的文字----兼容有问题

  获取的对象.innerText="改变的内容";

 

表单可进行的特殊操作

1.获取对象的value值

 获取的对象.value

操作属性

1.设置一个属性,添加或更改

获取的对象.setAttribute("属性名","属性值")

2.获取属性的值

获取的对象.getAttribute("属性名");

3.移除一个属性

获取的对象.removeAttribute("属性名");

   操作样式

1.操作样式

获取的对象.style.样式=”” ; 

2.获取样式

Var a = 获取的对象.style.样式

js的间隔延迟以及dom操作

标签:添加   签名   设置   attribute   name   调用   str   根据   关闭   

原文地址:https://www.cnblogs.com/zzq123/p/9860650.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!