如何在href而不是id中使用data-attr？

<a href="#fragment-1">Go to href</a>

我需要一個錨帶我去這個其他元素在同一頁：

<div id="fragment-1">Some content</div>

有我我正在做一個id，但我想使用數據屬性。

喜歡這種定位的：<a href="data-attr">Go to href</a>

採取這種div：<div data-attr="fragment-1">Some content</div>

我怎樣才能做到這一點？

2017-06-21 TheUnnamed

無法用直接的HTML。你需要JavaScript。 – j08691

另外，你爲什麼需要這個？ ID應該是唯一的，所以使用'＃fragment-1'不應該有問題。 'data-attr'可能不是唯一的。 – BenM

@BenM，因爲我需要一些其他元素，這取決於'fragments-X'。我需要有超過1個元素的相同的東西。這不可能是一堂課。 – TheUnnamed

你不能。由於數據屬性

他們不能像標識爲錨的目的。

您可以使用JavaScript將頁面滾動到與document.querySelector('[data-attr="your-fragment"]')匹配的任何元素，但這是JavaScript的版圖。您不會在HTML本身免費獲得這種行爲。

2017-06-21 16:14:59 BoltClock

回答