如何在页面加载时用javascript中的其他文本替换文本？

Question

我有一个如下所示的html检查代码：

<time datetime="07:05 13-06-2020" data-area="ab">13 June <span>07:05</span></time>

以上html检查在网页上打印以下内容：

[6月13日

我要实现的是代替6月13日，它应该在页面加载时显示13 Juin。

这是我尝试过的方法，但是用Juin代替了6月13日。

$(document).ready(function(){ 
    $("time").replaceWith("Juin");
});

Answer 1

您正在使用time替换整个.replaceWith元素。相反，您需要更改.replaceWith标记的内部HTML：

time

$(document).ready(function() {
  $("time").html($("time").html().replace('June', 'Juin'));
});

Answer 2

另一种实现方法

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<time datetime="07:05 13-06-2020" data-area="ab">13 June <span>07:05</span></time>

window.onload = function(){
   var a = document.getElementsByTagName('time')[0];
   a.innerHTML = a.innerHTML.replace(/June/,'Juin');
};

Answer 3

尝试一下：

演示：<time datetime="07:05 13-06-2020" data-area="ab">13 June <span>07:05</span></time>

https://jsfiddle.net/o60x7q83/

Answer 4

关于jQuery的“ Javascript”的低解释是其他语法onload可以加载到主体上以引用此函数

$(document).ready(function(){ 
    $("time").html($("time").html().replace('June', 'Juin'));
});