用JS问题选择元素

Question

请帮我理解这一点。我有这样的HTML代码：

ROLE_MENTOR

我基本上想要在不触及<div id="one"> <div> <div> <span class="spanone"></span> <span class="spantwo"></span> <div> </div> </div> . .(some other html of the page) . <sometag class="spanone"></sometag> <someothertag class="spantwo"></someothertag> 元素的情况下，通过JS将仅第一个<span>和第二个目标。换句话说：sometags和<span class="spanone">。然后我想使用<span class="spantwo">将代码替换为我想要的代码。

谢谢！

Answer 1

var spanone = document.querySelector('.span1');
var spantwo = document.querySelecftor('.span2');

spanone.innerHTML = "Replacement";
spantwo.innerHTML = "Replacement";

Answer 2

你可以通过几种方式实现这一目标

使用id

<span class="spanone" id="myspan1"></span>
<span class="spantwo" id="myspan2"></span>

所以在香草JS中

var d = document;

d.getElementById('myspan1');
d.getElementById('myspan2');

或与班级

<span class="spanone myspans"></span>
<span class="spantwo myspans"></span>

并在你的JS中

d.querySelectorAll('.myspans')

Answer 3

这应该有效：

 var spanone = document.querySelector('.spanone')[0];
 var spantwo = document.querySelecftor('.spantwo')[0];