关于javascript：如何使用jquery替换DIV的innerhtml？

How to replace innerHTML of a div using jQuery?

如何实现以下目标：

1	document.all.regTitle.innerHTML = 'Hello World';

使用jquery，其中regTitle是我的DIV ID？

1	$("#regTitle").html("Hello World");

HTML的功能是()。(可以把HTML和.innerHTML将修改的有效性。

1	$('#regTitle').html('Hello World');

然而，文本"()函数将变更的价值(文本)的specified元，但保持html结构。

1	$('#regTitle').text('Hello world');

相关讨论

在这里，你的回答：冰

1
2
3
4
5

//This is the setter of the innerHTML property in jQuery
$('#regTitle').html('Hello World');

//This is the getter of the innerHTML property in jQuery
var helloWorld = $('#regTitle').html();

有答案。这两个转变为技术部内的HTML元素。

但我知道，你应该使用一些动画类淡出/淡入的HTML，这两个转变提供了良好的效应(HTML HTML内instantly而改变。

使用两个转变内蒙古的HTML动画

1
2
3

$('#regTitle').fadeOut(500, function() {
$(this).html('Hello World!').fadeIn(500);
});

如果你有多的，我需要这个函数，你可以调用功能的变化，在普通的HTML。

1
2
3
4
5

function changeInnerHtml(elementPath, newText){
$(elementPath).fadeOut(500, function() {
$(this).html(newText).fadeIn(500);
});
}

答案：

1	$("#regTitle").html('Hello World');

解释：

$jQuery当量两个冰淇淋。都代表相同的对象，在jQuery库。《"#regTitle"性括号内的冰的冰叫选择器，jQuery库使用的识别这两个元素(S)的HTML DOM(文档对象模型)你想申请的代码。在《#regTitle告诉jQuery的冰，冰的ID regTitle个元素内的判断。

从那里，《冰点表示法使用的呼叫的功能，replaces HTML HTML的内部参数和什么在你的地方性括号之间的，这在这个案例'Hello World'冰。

或者你可以使用HTML或文本功能的jQuery实现它

1	$("#regTitle").html("Hello World");

或

1	$("#regTitle").text("hello world");

jQuery的.html()可以用于获取和设置"contents of相匹配的非空单元(innerHTML)。

1 2	var contents = $(element).html(); $(element).html("insert content into element");

相关讨论

实例

1
2
3

$( document ).ready(function() {
$('.msg').html('hello world');
});

1
2
3
4
5
6
7
8
9

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
</head>
<body>

</body>
</html>

1	$("#regTitle")[0].innerHTML = 'Hello World';

只是添加一些insights性能。

几年前，在一个项目的仇恨，仇恨问题我们想看到一个大的HTML /的HTML文本的各种元素。

它的出现，那就是"recreating《元和注入它的判断方式的阿姨是比任何的suggested方法判断两个更新的内容。

母狗之类的东西。

1
2
3

var text ="very big content";
$("#regTitle").remove();
$("" + text +"").appendTo("body");

1	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

我应该给你一个更好的性能。在花园里的最近两项，(我想应该是聪明的browsers这些天)，但如果你在寻找性能信息可以帮助。

在下方的冰，你会有更多的工作保持判断和证明人在你的脚本指指点点的权利对象。

这有一些jQuery函数与文本的工作，如果你使用一text()，它会为你做的工作：

1	$("#regTitle").text("hello world");

你也可以使用，而不是html()，如果你有任何HTML标签。