Question

 <body onload="myfunction('target')"><div id="target"> "Hello World" </div></body>

是否可以放置另一个Div或HTML元素替换“ Hello World”文本？ Hello World是从左到右的字幕文本

<script language="javascript">
  function myfunction(id) {
    var element = document.getElementById(id);
    var textnode = element.childNodes[0];
    var text = textnode.data;

    setInterval(function() {
      text = text[text.length - 1] + text.substring(0, text.length - 1);
      textnode.data = text;
    }, 400)
  }
</script>

Answer 1

如果您只是尝试替换查询innerHTML的{{1}} / innerText中的文本，而只是将其设置为HTML element / innerHTML到新值就足够了。

示例： const myElement = document.getElementByTagName（'h1'） myElement [0] .innerHTML ='新值'

Answer 2

如果要在div内更改html并更改为另一个div或文本或任何html 您可以这样做，无需替换

$('#target').html('<div class="col-md-2"></div>');

如果要更换，则可以这样做

$('#target').html().replace("hello",'<div class="col-md-2"></div>');

Answer 3

如果您要添加html元素，则

innerHTML应该可以解决问题：

这是您的代码段的有效示例：

https://codebrace.com/editor/b15cd15b3

示例：

...
element.innerHTML = "<span style='color: red; background-color:yellow;'>" + text + "</span>";
...

Answer 4

html代码

<body onload="myfunction()">
  <div id="target"> Hello World </div>
</body>

javascript代码

function myFunction() {
    var str = document.getElementById("target").innerHTML; 
    var res = str.replace("Hello World", "testing");
    document.getElementById("target").innerHTML = res;
}

myFunction();

使用helloworld函数将testing html替换为onload html。

是否可以放置另一个div或HTML元素替换“ Hello World”文本？

4 个答案: