使用javascript更改html元素的href_Javascript_Html

使用javascript更改html元素的href

javascript html

使用javascript更改html元素的href,javascript,html,Javascript,Html,详情：嗨，专家们。我想只使用javascript更改现有的HTML主题，但在使用javascript更改HTML元素的href时遇到问题。但似乎我甚至无法按类名获取元素，因为下面javascript代码的console.log值显示长度为0。请帮助我如何修复代码。注意，我不能编辑现有的HTML代码，只能编写javascript的自定义代码。致意我的javascript如下所示：我的HTML的某些部分如下所示：第二控制台日志结果：无结果在加载dom之前，您似乎正在运行javascript

详情：

嗨，专家们。我想只使用javascript更改现有的HTML主题，但在使用javascript更改HTML元素的href时遇到问题。但似乎我甚至无法按类名获取元素，因为下面javascript代码的console.log值显示长度为0。请帮助我如何修复代码。注意，我不能编辑现有的HTML代码，只能编写javascript的自定义代码。致意

我的javascript如下所示：

我的HTML的某些部分如下所示：

第二控制台日志结果：无结果

在加载dom之前，您似乎正在运行javascript。添加javascript或在body标记的结尾附近添加外部js文件

<body>
   // html code
 <script>
   //js code here
 </script>
</body>

代码在这里运行良好。您的脚本在加载html之前正在运行。您可以

将您的标签移动到标签的末尾或者使用window.onload事件 window.onload=函数{ var x8=document.getelementsbyclassnameslrorfpg-srvcs-backbtn； console.loglength=，x8.length；如果x8.length>0{ console.logENTERED.length=，x8.length； x8[0]。href=javascript:history.back； } }

听起来你的脚本是在页面上的元素出现之前运行的。将你的标记放在标记之前。你想同时替换href还是单个href？没错，它可以工作，但我认为这是最佳做法

                <div class="slrofrpg-service-btn">
                  <a class="slrofrpg-srvcs-backbtn" href="javascript:void(0);">Back
                  </a>
                  <!-- react-text: 219 --> 
                  <!-- /react-text -->
                  <a class="slrofrpg-srvcs-offerbtn" href="javascript:void(0);">Send now
                  </a>
                </div>

length=0

<body>
   // html code
 <script>
   //js code here
 </script>
</body>