Question

我怀疑这是可能的，但无论如何我都会问。

假设我有一个自定义HTML标记“location”，我希望以某种方式呈现，而不会实际更改DOM。

例如：<location loc-id="14" address="blah" zipcode="14" />

将呈现相当于：

<div class="location">
    <div>Blah></div>
    <div>14></div>
</div>

我知道我可以从属性中提取数据，并相应地生成新的DOM元素，但我想在不实际添加/编辑DOM的情况下这样做。

同样，我怀疑这是可能的，但我想我会问。

Answer 1

您可以使用css：before和：after伪元素来执行此操作：

<style>
  location:before {
    content: attr(address);
    text-transform: capitalize;
    display: block;
  }

  location:after {
    content: attr(zipcode);
    display: block;
  }
</style>
<location loc-id="14" address="blah" zipcode="14" />

显示为：

Blah
14

在Javascript中呈现HTML而不更改DOM

1 个答案: