IT入门 > 教程 >
  • 改变样式

    2022/05/22 点击:653

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

  • 创建元素

    2022/05/22 点击:795

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

  • 删除元素

    2022/05/22 点击:475

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

  • 替换元素

    2022/05/22 点击:406

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

  • 动画

    2022/05/22 点击:611

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

  • 动画

    2022/05/22 点击:426

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

  • 动画

    2022/05/22 点击:465

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

  • 事件

    2022/05/22 点击:559

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

  • 处理事件

    2022/05/22 点击:451

    让我们在用户单击指定按钮时显示一个警报弹出窗口: button onclick=show()点我/button script function show() { alert(你好); } /script 可以将事件处理程序分配给元素。 例如: var x = document.getElemen

  • 事件

    2022/05/22 点击:537

    当用户进入或离开页面时,会触发onload和onunload事件。在加载页面后执行操作时,这些选项非常有用。 body onload=doSomething() 同样,窗口。onload事件可用于在加载整个页面后运行代码。 window