使用javascript更改HTML

我试图用“Admin”或类似的东西替换我页面上的每个“Administrator”实例。我将如何替换它？如果有帮助的话，span位于具有类“user title”的标记内。 就像但我有点需要得到答案。这是我第一次使用javascript

<ul class="author-ident"> 
    <li class="username">
        <a title="Go to Different55's profile" href="http://fwin.co.cc/pun/profile.php?id=2">Different55</a>
    </li> 
    <li class="usertitle">
        <span>Administrator</span>
    </li> 
    <li class="userstatus">
        <span>Online</span>
    </li> 
</ul>

管理员


在线 的

函数changeText（）{
document.getElementById（'anId'）.innerHTML='MyFriend'；
}
欢迎来到网站dude

这将更改该文件的内容。 您可以运行JS，查看每个跨度，如果您找到“管理员”，您可以使用该代码片段。

我主要与之合作，因此我只能给您一个我头脑中的JQuery解决方案。抱歉，如果这不是您的选择。使用JQuery，您可以做到这一点

$(".user-title").each(function(index){
   $(this).html($(this).html().replace("Administrator", "Admin"));
});

注意：如果您希望每个span标记有多个“Administrator”实例，那么您需要执行如下的regex替换

.replace(/Administrator/g, "Admin");

有关正则表达式标志的更多信息，请参见（例如，“g”表示全局-多个）

编辑：这是一个javascript版本

var spans = document.getElementsByClassName("user-title");
for (var i = 0; i < spans.length; i++)
{
  spans[i].innerHTML = spans[i].innerHTML.replace(/Administrator/g, "Admin");
}

---

将“管理员”一词的所有实例放入具有特定类别的

中，f.i.：

<span class="user_type">Administrator</span>

---

请注意，这可能不是最好的做法，但我们没有关于您试图完成的任务的任何其他详细信息。

要进行您提到的替换（将所有范围内出现的Administrator替换为Admin）。用户标题，请使用：

$('.user-title span').each(function() {
    $(this).html($(this).html().replace(/Administrator/g, 'Admin'));
});

---

注意：假设您在应用程序中使用jQuery，则可以使用此功能：

function correct() {
var a  = document.getElementsByClassName("user-title");
var i = 0;
for(i=0; i<a.length; i++) {
       while((a[i].innerHTML).indexOf("Administrator") >= 0){
    a[i].innerHTML = a[i].innerHTML.replace(/Administrator/g, 'Admin');
       }
}
}

函数正确（）{
var a=document.getElementsByClassName（“用户名”）；
var i=0；
对于（i=0；i=0）{
a[i].innerHTML=a[i].innerHTML.replace（/Administrator/g，'Admin'）；
}
}
}

---

此函数将获取类名为“user title”的所有元素的集合。然后n in for循环中，我们将访问集合中的每个元素，查看它是否为innerHTML，是否有您要替换的单词，如果有，我们将替换它。

您还需要什么其他信息？这有什么帮助？他可能只需要输入“Admin”在他的跨度中，如果你希望像这样手动设置，这只是一种好的做法。按照许多人的建议在文档上替换这个词不是好的做法。你没有理解我的观点。如果OP可以在每个跨度中添加“管理员”。他也可以只添加“管理员”关键是，出于另一个原因，他需要用另一个值替换一个值。发布一些示例HTML以获得更好的响应更新：添加一个while循环以递归方式检查单词“Administrator”的所有实例已被替换或未被替换最好使用此处的替换函数抱歉，我的意思是没有您的while循环。它似乎没有添加任何值得的while，您带有“g”标志的正则表达式将已替换所有实例sohh，是的，我意识到了。您是对的。while循环是一种浪费。“g”标记用于替换所有实例：D@Different55当前位置如果答案对你有帮助，别忘了接受它

<span class="user_type">Administrator</span>

$("span.user_type").html("Admin");

$('.user-title span').each(function() {
    $(this).html($(this).html().replace(/Administrator/g, 'Admin'));
});

function correct() {
var a  = document.getElementsByClassName("user-title");
var i = 0;
for(i=0; i<a.length; i++) {
       while((a[i].innerHTML).indexOf("Administrator") >= 0){
    a[i].innerHTML = a[i].innerHTML.replace(/Administrator/g, 'Admin');
       }
}
}