关键词

JS.findElementById()使用介绍

JS.findElementById()使用介绍

在JavaScript中,document.getElementById()方法允许您通过DOM(Document Object Model)获取HTML元素。该方法将返回具有指定ID的元素。

语法

以下是 document.getElementById() 的语法:

document.getElementById(id)
  • id是要查找的元素的ID名称。

使用方法

以下是使用 document.getElementById()进行搜索的基本步骤:

  1. 定义变量。
  2. 为变量分配一个值,该值使用 document.getElementById()方法返回的元素ID名称。
  3. 使用变量进行操作。

示例1: 变更元素文本

<!DOCTYPE html>
<html>
<head>
    <title>example1</title>
    <script>
      function changeText() {
         var element = document.getElementById("example");
         element.textContent = "您点击了按钮!";
      }
    </script>
</head>
<body>
    <h2 id="example">之前文本</h2>
    <button type="button" onclick="changeText()">更改文本</button>
</body>
</html>

示例2:更改元素颜色

<!DOCTYPE html>
<html>
<head>
    <title>example2</title>
    <script>
      function changeColor() {
         var element = document.getElementById("example");
         element.style.color = "red";
      }
    </script>
</head>
<body>
    <h2 id="example">示例文本</h2>
    <button type="button" onclick="changeColor()">更改颜色</button>
</body>
</html>

以上是JS.findElementById()的使用介绍攻略,希望对您有所帮助!

本文链接:http://task.lmcjl.com/news/11982.html

展开阅读全文