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

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

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


当前回答

纯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 >

其他回答

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

以下是你的答案:

//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。

使用动画来改变内部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);
    });
}

例子 $(document).ready(function() { $ (' .msg ') . html(“hello world”); }); <!DOCTYPE html > < html > < >头 < script src = " https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js " > < /脚本> > < /头 身体< > < div class = "味精" > < / div > 身体< / > < / html >

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

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

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