编辑特定的 html 数据属性答案

【问题标题】：Edit specific html data attribute编辑特定的 html 数据属性
【发布时间】：2018-06-30 00:29:42
【问题描述】：

我想编辑某个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 中移动它，但它对我不起作用。我尝试找到他们在开发人员工具上使用的文件，但找不到。我下载了他们的示例代码并尝试了这种方式，但它仍然无法正常工作。我认为问题是我调用它时属性名称错误。

我想要做的是能够使用数据属性名称在上面的网站上隐藏/移动导航立方体。

【问题讨论】：

【解决方案1】：

getAttribute 将在给定属性 name 的情况下获取属性的值。

所以你会使用：someElement.getAttribute("data-i18n");

…但是你想设置值，而不是获取它，所以你需要setAttribute：

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

【讨论】：

【解决方案2】：

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

如果你想通过那个属性和值来获取一个元素，你可以使用querySelector 来引用它。

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

&lt;div data-i18n="[title]tt.navigation_cube_control"&gt;Test&lt;/div&gt;

【讨论】：