Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLSlotElement/name below:

HTMLSlotElement.name - Web API | MDN

Baseline Widely available

元素HTMLSlotElement的name属性，可以获取和设置属性值。插槽提供了 web 组件的摆放位置，辅助用户布局。

var name = htmlSlotElement.name
htmlSlotElement.name = name

一个 DOMString.

下面的片段来自 slotchange example (see it live also).

let slots = this.shadowRoot.querySelectorAll("slot");
slots[1].addEventListener("slotchange", function (e) {
  let nodes = slots[1].assignedNodes();
  console.log(
    'Element in Slot "' +
      slots[1].name +
      '" changed to "' +
      nodes[0].outerHTML +
      '".',
  );
});

这里我们获取所有插槽的引用，然后给模板里的第二个插槽增加事件— 跟踪内容变化。

每当附加在插槽中的内容变化，我们都记录插槽相关的内容。

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4