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

我有一个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的情况下单独访问这些元素以向其添加类？ 请注意，我在服务器端工作，因此无法访问

文档

和

窗口

之类的内容

hello
我想与您安排一次会议

<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>

再见。

巴哈马
var hello=document.getElementById（“hello”）；
hello.classList.add（“mystyle”）；

您可以访问服务器端的

#document

方法，只需正确链接文件即可。无论您使用哪种服务器端语言，都有一种添加动态数据的方法，假设您使用handlebars模板引擎处理node.js，那么您可以这样做

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

---

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

具体是哪一个？它只是一个字符串，因此在DOM解释它之前，您无法“访问”它。要轻松地做到这一点，您可以使用

document.body.innerHTML=您的_字符串

，然后只需使用常规查询方法，如

querySelector

和

querySelectorAll

他使用的是字符串而不是DOM元素的可能重复项。因此，这种方法（即使它是正确的）在这种特殊情况下也不起作用。

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

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