如何使用jQuery替换一个div的innerHTML ?

我怎样才能做到以下几点:

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

使用jQuery哪里regTitle是我的div id?

当前回答

html()函数可以接受html字符串，并有效地修改. innerhtml属性。

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

然而，text()函数将改变指定元素的(text)值，但保持html结构。

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

其他回答

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

已经有答案给出了如何改变元素的内部HTML。

但是我建议，你应该使用一些像渐隐/渐隐这样的动画来改变HTML，这给了改变HTML的良好效果，而不是立即改变内部HTML。

使用动画来改变内部HTML

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

如果你有很多函数需要这个，那么你可以调用通用函数来改变Html内部。

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

var abc = document.getElementById("regTitle");
abc.innerHTML = "Hello World";

jQuery有几个函数与文本工作，如果你使用text()一个，它将为你做的工作:

$("#regTitle").text("Hello World");

此外，你可以使用html()代替，如果你有任何html标签…

你可以使用HTML或jquery的文本函数来实现它

$("#regTitle").html("hello world");

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

推荐文章