js的event怎么得到元素id

在JavaScript中，可以通过事件对象（event）获取触发事件的元素的ID。通常在事件处理函数中，事件对象作为参数传递给该函数，我们可以通过这个对象访问触发事件的元素，并获取它的ID。以下是一个示例：

function getElementId(event) {
    var target = event.target || event.srcElement; // 兼容不同浏览器
    var elementId = target.id; // 获取元素的ID
    if (elementId) {
        console.log("触发事件的元素ID是：" + elementId);
    } else {
        console.log("该元素没有ID");
    }
}

// HTML中绑定事件
// <button id="myButton" onclick="getElementId(event)">点击我</button>

在上面的代码中，`getElementId` 函数接收一个事件对象 `event`，然后使用 `event.target` 或者在旧版的IE浏览器中使用 `event.srcElement` 来获取触发事件的元素。之后，通过访问该元素的 `id` 属性来获取其ID。

相关问题

js获取被点击元素和被点击元素的父元素并给父元素加上id

可以使用事件委托来实现这个需求。具体的代码如下：

document.addEventListener('click', function(event) {
  // 获取被点击的元素
  var clickedElement = event.target;
  
  // 获取被点击元素的父元素
  var parentElement = clickedElement.parentNode;
  
  // 给父元素加上id
  parentElement.setAttribute('id', 'myId');
});

上面的代码中，我们使用 `addEventListener` 监听整个文档的点击事件。当文档中的任意元素被点击时，该事件会触发。然后，我们通过 `event.target` 获取到被点击的元素，再通过 `clickedElement.parentNode` 获取到被点击元素的父元素。最后，我们使用 `setAttribute` 方法给父元素加上id。

js如何为id为1到6的li以及id为rightshow的div之外的区域设置eventlistener

要为除了id为1到6的li和id为rightshow的div之外的区域设置事件监听器，您可以使用事件委托的方式。具体步骤如下：

1. 获取整个区域的父元素（例如，如果这些元素都在一个div中，那么获取这个div的引用）。
2. 为父元素添加一个点击事件监听器。
3. 在事件监听器中，通过 `event.target` 获取到实际被点击的元素。
4. 使用条件判断，排除id为1到6的li和id为rightshow的div。
5. 在排除条件下执行相应的操作。

下面是一个示例代码：

var parentElement = document.getElementById("parentElement"); // 替换为实际的父元素ID或引用

parentElement.addEventListener("click", function(event) {
  var clickedElement = event.target;
  var clickedElementId = clickedElement.id;
  
  // 排除id为1到6的li和id为rightshow的div
  if (clickedElementId !== "1" && clickedElementId !== "2" && clickedElementId !== "3" && 
      clickedElementId !== "4" && clickedElementId !== "5" && clickedElementId !== "6" &&
      clickedElementId !== "rightshow") {
    // 在这里执行您想要的操作
    console.log("点击了除了id为1到6的li和id为rightshow的div之外的区域");
  }
});

请根据您实际的HTML结构和需要设置事件监听器的父元素进行相应的修改。这样，除了id为1到6的li和id为rightshow的div之外的区域，其他地方的点击事件都会被捕获并执行相应的操作。

希望这可以解决您的问题！如果还有其他问题，请随时提问。