Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以将另一个div或HTML元素替换为;“你好,世界”;文本 “你好,世界”_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 是否可以将另一个div或HTML元素替换为;“你好,世界”;文本 “你好,世界”

Javascript 是否可以将另一个div或HTML元素替换为;“你好,世界”;文本 “你好,世界”,javascript,jquery,html,css,Javascript,Jquery,Html,Css,是否可以将另一个Div或HTML元素替换为“helloworld”文本? Hello World是一个从左到右的字幕文本 <body onload="myfunction('target')"><div id="target"> "Hello World" </div></body> 函数myfunction(id){ var元素=document.getElementById(id); var textnode=element.childN

是否可以将另一个Div或HTML元素替换为“helloworld”文本? Hello World是一个从左到右的字幕文本

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

函数myfunction(id){
var元素=document.getElementById(id);
var textnode=element.childNodes[0];
var text=textnode.data;
setInterval(函数(){
text=text[text.length-1]+text.substring(0,text.length-1);
textnode.data=文本;
}, 400)
}

如果您只是尝试替换
innerHTML
/
innerText
中的文本,那么查询
HTML元素
并将其设置为
innerHTML
/
innerText
即可

例如: const myElement=document.getElementByTagName('h1')
myElement[0]。如果要更改div内的html并更改为另一个div或text或任何html,则innerHTML='new value'

你可以这样做,不需要更换

<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>
$('#target').html('');
如果你想替换,你可以这样做

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

如果您试图添加html元素,innerHTML
应该可以做到这一点:

以下是代码片段的工作示例:

例如:

$('#target').html().replace("hello",'<div class="col-md-2"></div>');
。。。
element.innerHTML=“+text+”;
...
html代码

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

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

那么您想用其他html标记替换
div#target
中的内容吗?您到底想让这段代码做什么?它是做什么的呢?请明确你想在这里实现什么。看起来它会加载Hello World。您是否打算在用户操作(如单击或悬停)时替换div?请不要污损您的帖子。代码已在重写元素内的文本,(请尝试问题中的“运行代码片段”)
。replace()
创建一个新字符串,它不会将新内容写入元素
<body onload="myfunction()">
  <div id="target"> Hello World </div>
</body>
function myFunction() {
    var str = document.getElementById("target").innerHTML; 
    var res = str.replace("Hello World", "testing");
    document.getElementById("target").innerHTML = res;
}

myFunction();