如何使用jQueryreplacediv的innerHTML?

我怎么能做到以下几点:

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

使用jQuery其中regTitle是我的div ID?

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

html()函数可以接受HTML的string,并将有效地修改.innerHTML属性。

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

但是, text()函数将改变指定元素的(文本)值,但保留html结构。

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

如果你有一个jQuery对象,而不是现有的内容。 然后重置内容并追加新的内容。

 var itemtoReplaceContentOf = $('#regTitle'); itemtoReplaceContentOf.html(''); newcontent.appendTo(itemtoReplaceContentOf); 

要么:

 $('#regTitle').empty().append(newcontent); 

这是你的答案:

 //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(); 

jQuery的.html()可用于设置和获取匹配的非空元素( innerHTML )的内容。

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

回答:

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

说明:

$相当于jQuery 。 两者都代表jQuery库中的同一个对象。 括号内的"#regTitle"被称为select器 ,jQuery库使用该select器来标识要应用代码的html DOM(文档对象模型)的哪个元素。 regTitle之前的#告诉jQuery, regTitle是DOM内部元素的id。

从那里,点符号被用来调用html函数,该函数使用放置在圆括号(在本例中为'Hello World'之间的任何参数replace内部html。

你可以在jQuery中使用html或text函数来实现它

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

要么

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

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

但是我build议,你应该使用一些像淡出/淡入的animation来改变HTML,这样HTML效果就会很好,而不需要立即改变内部的HTML。

使用animation来更改内部HTML

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

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

 function changeInnerHtml(elementPath, newText){ $(elementPath).fadeOut(500, function() { $(this).html(newText).fadeIn(500); }); } 
 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $( document ).ready(function() { $('.msg').html('hello world'); }); </script> </head> <body> <div class="msg"></div> </body> </html> 
 $("#regTitle")[0].innerHTML = 'Hello World';