如何使用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';