我怎样才能做到以下几点:
document.all.regTitle.innerHTML = 'Hello World';
使用jQuery哪里regTitle是我的div id?
我怎样才能做到以下几点:
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")[0].innerHTML = '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);
});
}
以下是你的答案:
//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");
纯JS和最短
纯JS
regTitle.innerHTML = 'Hello World'
regTitle。innerHTML = 'Hello World'; < div id = " regTitle " > < / div >
最短的
$(regTitle).html('Hello World');
//注意:regTitle周围没有引号 $ (regTitle) . html(“Hello World”); < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> < div id = " regTitle " > < / div >