js的间隔延迟以及dom操作

Posted 2021-01-15 张宗强1

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.样式