编辑特定 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)

但这对我不起作用。我试图在单击时隐藏特定的 "navigation cube" 并在 css 中移动它，但它对我不起作用。我试图找到他们在开发人员工具上使用的文件，但找不到。我下载了他们的示例代码并尝试了它，但它仍然不起作用。我认为问题是我在调用它时属性名称错误。

我想做的是能够 hide/move 使用数据属性名称围绕上面网站上的导航立方体。

Answer 1

getAttribute 将在给定属性的 name 的情况下获得属性的 value。

所以你会使用：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>

Edit specific html data attribute