编辑特定的html数据属性

Question

我要编辑某个html数据属性

data-i18n="[title]tt.navigation_cube_control

在此网站“ http://potree.org/potree/examples/lion.html”上使用css / jquery等，但是每次我尝试对其进行编辑时，都没有任何反应。我已经尝试过

getAttribute("data-i18n=[title]tt.navigation_cube_control");

也

#navigation img:nth-child(6)

但是那对我不起作用。我试图在单击时隐藏该特定的“导航多维数据集”，并在CSS中四处移动，但对我不起作用。我尝试在开发人员工具上找到他们正在使用的文件，但找不到。我下载了他们的示例代码并以这种方式进行了尝试，但仍然无法正常工作。我认为问题是调用属性名称时，属性名称错误。

我想要做的是能够使用数据属性名称在上面的网站上的导航多维数据集附近隐藏/移动。

Answer 1

给定属性的名称，

getAttribute将获得属性的值。

因此您将使用：someElement.getAttribute("data-i18n");

…但是您想设置而不是获取它的值，因此您需要setAttribute：

someElement.setAttribute("data-i18n", "your new value");

Answer 2

getAttribute可让您获取元素的属性值，这不是引用元素的方法。您可以在文档中看到。

如果要通过该属性和值获取元素，则可以使用querySelector来引用它。

const elem = document.querySelector('[data-i18n="[title]tt.navigation_cube_control"]')
console.log(elem)

<div data-i18n="[title]tt.navigation_cube_control">Test</div>