Question

我试图用一些新的文本用javascript替换某些代码中的一些html文本，并且我已经了解了Javascript HTML DOM，我相信这是做到这一点的方法;但是，每当编写方法时，似乎没有任何改变。这是我有兴趣改变的一条线。我想将“Text here”更改为“Hello World！”。

adjustLight

这是我使用的代码

<a href="#" data-remote="true" data-reveal-id="login_or_create_user_modal">Text here</a>

我首先关注的是我注意到它是一个data-reveal-id，与通常的id不同，在这种情况下有更好的方法吗？我找不到与data-reveal-id有关的任何内容。

我想改变的另一件事是将文本购物车更改为“Hello World！”。再次，我使用的方法没有做任何事情。

 <script> document.getElementById("login_or_create_user_modal").innerHTML = "Hello World!"; </script>

我使用正确的身份证还是我完全走错了路？

谢谢：）

Answer 1

要使document.getElementById（）起作用，你需要设置一个id属性，试试：

<a href="#" id="login_or_create_user_modal" data-remote="true" data-reveal-id="login_or_create_user_modal">Text here</a>

Answer 2

你走错了路，但是你朝着正确的方向前进。您只需要跳过轨道并爬上document.querySelector()列车，暂时离开document.getElementById。

getElementById将返回id属性等于提供值的元素;它不会查看任何其他属性，例如data-reveal-id。

querySelector使用CSS选择器来选择元素。有关CSS选择器的示例，请参阅此处的W3C文档：http://www.w3.org/TR/selectors/#selectors

你会像这样使用它：

document.querySelector("[data-reveal-id='shopping_cart_btn']").innerHTML = "Hello World!";

document.querySelector("[data-reveal-id='shopping_cart_btn']")说“让我找到data-reveal-id属性等于shopping_cart_btn的第一个元素。

这是一个证明我不疯狂的工作示例。当JavaScript运行时，它通过其data-reveal-id属性选择div，然后替换其内部HTML：

document.querySelector("[data-reveal-id='something_random']").innerHTML = "New Text";

<div data-reveal-id="something_random">Original Text</div>

Answer 3

更改您的＆＃34; data-reveal-id＆＃34;只是＆＃34; id＆＃34;它应该工作