IT入门 > 教程 >

事件

您可以编写JavaScript代码,在事件发生时执行,例如当用户单击HTML元素、移动鼠标或提交表单时。 当目标元素上发生事件时,将执行处理程序函数。 常见HTML事件包括： 相应的事件可以作为...

动画

以下代码定义了一个计时器,该计时器每10毫秒调用一次move()函数： var t = setInterval(move, 10); 然而,这使我们的盒子永远向右移动。要在长方体到达容器末端时停止动画,我们向move()函数添加...

动画

要创建动画,我们需要以较小的时间间隔更改元素的属性。我们可以通过使用 setInterval() 方法来实现这一点,该方法允许我们创建一个计时器并调用一个函数以定义的间隔(毫秒)重复更改属...

动画

现在我们知道了如何选择和更改DOM元素,我们可以创建一个简单的动画。 让我们创建一个简单的HTML页面,其中包含一个box元素,该元素将使用JS设置动画。 style #container { width: 200px; height:...

替换元素

要替换HTML元素,请使用元素。使用 replaceChild(newNode,oldNode) 方法。 例如： div id=demo p id=p1这是一个段落/p p id=p2这是另外一个段落/p/divscriptvar p = document.createElement(p);var node = document.createTe...

删除元素

要删除HTML元素,必须选择该元素的父元素并使用 removeChild(node) 方法。 例如： div id=demo p id=p1这是一个段落/p p id=p2这是另一个段落/p/divscriptvar parent = document.getElementById(demo);var child = docu...

创建元素

使用以下方法创建新节点： elem.cloneNode()克隆元素并返回结果节点。 document.createElement(elem)创建一个新的元素节点。 document.createTextNode(文本)创建新的文本节点。 例如： var node = document...

改变样式

HTML元素的样式也可以使用JavaScript更改。可以使用元素的样式对象访问所有样式属性。 例如： div id=demo style=width:200px可爱文本/div script var x = document.getElementById(demo); x.style.color = 6600FF;...

更改属性

选择要使用的元素后,可以更改其属性。 正如我们在前面的课程中所看到的,我们可以使用 innerHTML 属性更改元素的文本内容。 类似地,我们可以更改元素的属性。 例如,我们可以更改图像...

使用DOM

DOM中的每个元素都有一组属性和方法,这些属性和方法提供有关它们在DOM中的关系的信息： elem.childNodes 返回元素子节点的数组。 elem.firstChild 返回元素的第一个子节点。 elem.lastChild 返回...