如何獲取具有特定類和 id 的元素的值？

Question

我想使用 java 腳本而不是 jquery 獲取特定 id 和 class 的轉換屬性？ 是否有任何解決方案來選擇特定元素，同時指定 class 和 id ？ 例如：

 <g id="748588" transform="translate(44 -4)" class="Selection"></g>

我想獲得與匹配 id 和 class 對應的轉換屬性

Answer 1

您可以使用document.querySelector()

const selector = document.querySelector("#748588.Selection")
const transformValue = selector.getAttribute("transform")

Answer 2

是的， document.querySelector會做你想做的。 這是 MDN 頁面。 在您的情況下，您可以使用以下內容：

const my_transform = document.querySelector('#748588.Selection').getAttribute('transform')

Answer 3

使用getElementById獲取元素，然后可以從元素style對象中獲取transform屬性：

document.getElementById("748588").style.transform