Question

我有一个如下所示的html字符串：

'<p>Hello</p><p>I would like to schedule a meeting with you.</p>
 <a class="button button--blue" href="#">
   <button class="button 
      button--blue">Schedule meeting
   </button>
 </a>
 <p>See you soon.</p> 
 <p>baher</p>',

如何在不使用jQuery的情况下分别访问这些元素以向其添加类？请注意，我在服务器端工作，因此document和window之类的东西无法访问

Answer 1

<p id="hello">Hello</p><p>I would like to schedule a meeting with you.</p>
<a class="button button--blue" href="#">
<button class="button button--blue">Schedule meeting
</button>
</a>
<p>See you soon.</p> 
<p>baher</p>'

<script>
var hello = document.getElementById("hello");
hello.classList.add("mystyle");
</script>

Answer 2

您还可以在服务器端访问#document方法，只需要正确链接文件即可。在您使用的任何服务器端语言上，都有一种添加动态数据的方法，比如说您正在使用带有把手模板引擎的node.js，那么您可以执行以下操作

<div {{if conditn_true}} class="anyname" {{/if}}></div>

如果您使用的是php

<div class="<?php something related to class ?>" ?> ></div>

其他 dom方法

var element = document.getElementById("myDIV");
    element.classList.add("mystyle");

希望这可以帮助...通过提及一些代码片段来更具体地说明您要实现的目标，以便我们进一步为您提供帮助

如何在不使用JQuery的情况下将类添加到HTML字符串中的元素

2 个答案: