如何在页面加载时用 javascript 中的另一个文本替换文本？

Question

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

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

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

6 月 13 日

我想要实现的不是 13 June，它应该在页面加载时显示 13 Juin。

这是我尝试过的方法，但是它将 13 June 替换为 Juin。

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

Answer 1

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

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

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

Answer 2

试试这个：

演示：https://jsfiddle.net/o60x7q83/

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

Answer 3

low explained about "Javascript" in Jquery is other syntax onload can load on body as reference to this function

(function(e) {
e.preventDefault;

 function startTime() {
 var today = new Date();
 var h = today.getHours();
 var m = today.getMinutes();
 var s = today.getSeconds();
// add a zero in front of numbers<10
 m = checkTime(m);
 s = checkTime(s);
document.getElementById("txt").innerHTML = h + ":" + m + ":" + s;
var t = setTimeout(function(){ startTime() }, 500);
}

function checkTime(i) {
if (i < 10) {
 i = "0" + i;
 }
 return i;
 }
}())

Answer 4

另一种方法

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

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

如何在页面加载时用 javascript 中的另一个文本替换文本？

How to replace text with another text in javascript on page load?

html

javascript

pageload