getelementbyid怎么根据不同id值实现不同功能

在JavaScript中，可以使用`document.getElementById(id)`方法来获取具有指定id的HTML元素。要根据不同的id值实现不同的功能，可以在获取元素后使用条件语句来判断元素的id值，并根据不同的id值执行不同的功能代码。

例如，假设有两个按钮分别具有id值为"button1"和"button2"，当点击"button1"时弹出"Hello World!"的提示框，当点击"button2"时弹出"Welcome to my webpage!"的提示框，可以使用如下代码实现：

// 获取id为"button1"的按钮元素
var button1 = document.getElementById("button1");

// 给按钮添加点击事件处理程序
button1.onclick = function() {
  // 判断按钮的id值是否为"button1"
  if (button1.id === "button1") {
    // 执行弹出提示框的功能代码
    alert("Hello World!");
  }
};

// 获取id为"button2"的按钮元素
var button2 = document.getElementById("button2");

// 给按钮添加点击事件处理程序
button2.onclick = function() {
  // 判断按钮的id值是否为"button2"
  if (button2.id === "button2") {
    // 执行弹出提示框的功能代码
    alert("Welcome to my webpage!");
  }
};

需要注意的是，如果有多个元素具有相同的id值，那么`document.getElementById(id)`方法只会返回第一个匹配的元素。因此，为了避免这种情况，应该确保每个元素都具有唯一的id值。