如何使用jQuery替换div的innerHTML?

IT技术 javascript jquery innerhtml
2021-01-23 11:36:40

我怎样才能实现以下目标:

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

使用 jQueryregTitle我的divid在哪里

6个回答
$("#regTitle").html("Hello World");

HTML()函数可以利用HTML的字符串,将有效地改变.innerHTML性质。

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

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

$('#regTitle').text('Hello world'); 
从jQuery API文档(api.jquery.com/text),text()是为不同的:Unlike the .html() method, .text() can be used in both XML and HTML documents.此外,根据stackoverflow.com/questions/1910794/... , jQuery.html() treats the string as HTML, jQuery.text() treats the content as text.
2021-03-29 11:36:40
“但保留 html 结构”。你可以解释吗?
2021-04-02 11:36:40
2021-04-06 11:36:40

如果您想要呈现一个 jQuery 对象而不是现有内容:那么只需重置内容并附加新内容。

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

或者:

$('#regTitle').empty().append(newcontent);
使用的好地方 itemtoReplaceContentOf.empty();
2021-03-19 11:36:40
newcontentjQuery 对象吗?这个不清楚。
2021-03-29 11:36:40
@kmoser 在第一个示例中, newcontent 确实是一个 jquery 对象。在第二个示例中,它可以是htmlStringor Elementor Textor Arrayor类型jQuery,根据api.jquery.com/append
2021-04-05 11:36:40

这是你的答案:

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

回答:

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

解释:

$相当于jQuery两者都代表 jQuery 库中的同一个对象。"#regTitle"括号内被称为选择它使用jQuery库,以确定要应用代码的HTML DOM(文档对象模型)的哪一个元素(一个或多个)。#之前regTitle告诉jQuery的这regTitle是DOM中的元素的ID。

从那里,点符号用于调用html函数,函数将内部 html 替换为您放置在括号之间的任何参数,在本例中为'Hello World'.