通过属性javascript检测元素的高度

我有一个具有特定属性的div。是否可以动态地为该属性指定元素的高度？例如：

HTML

输出

<div data-size="400px"></div>

---

是，选择具有数据大小属性的所有元素，您可以执行以下操作：

$document.readyfunction{ $'[data size]'。每个函数{ $this.attr'data-size'，$this.outerHeight+px； }; }; div{边框：1px实心ccc；}

---

是，选择具有数据大小属性的所有元素，您可以执行以下操作：

$document.readyfunction{ $'[data size]'。每个函数{ $this.attr'data-size'，$this.outerHeight+px； }; }; div{边框：1px实心ccc；}

---

您可以使用jQuery设置元素的高度，如下所示：

 $(document).ready(function(){
      $('[data-size]').each(function(){
          $(this).height($(this).attr("data-size"));
      });
 });

---

您可以使用jQuery设置元素的高度，如下所示：

 $(document).ready(function(){
      $('[data-size]').each(function(){
          $(this).height($(this).attr("data-size"));
      });
 });

在纯JavaScript中：

[].slice.call(document.querySelectorAll('[data-size]'), 0).forEach(function (elem) {
    elem.setAttribute('data-size', window.getComputedStyle(elem, null).height);
});

参考资料：

. . . . . 在纯JavaScript中：

[].slice.call(document.querySelectorAll('[data-size]'), 0).forEach(function (elem) {
    elem.setAttribute('data-size', window.getComputedStyle(elem, null).height);
});

参考资料：

. . . . .

---

我想它会返回：数据大小=400，别忘了添加+px@enguerranws完成。也用小提琴更新了代码！：P工作！实际上，你也不再需要在里面放this.style.size了。如果您使用onload=this.setAttributedata-size，this.style.size，那么这一部分可能会很好；虽然使用纯JS获取对象的内部高度有点困难：@somethinghere我只是从OP的帖子中复制了它。我想它会返回：data size=400，别忘了添加+px@enguerranws完成。也用小提琴更新了代码！：P工作！实际上，你也不再需要在里面放this.style.size了。如果您使用onload=this.setAttributedata-size，this.style.size，那么这一部分可能会很好；虽然使用纯JS获取对象的内部高度有点困难：@somethinghere我只是从OP的帖子中复制了它，。