本文翻译自:
How to replace innerHTML of a div using jQuery?
How could I achieve the following:
我怎样才能实现以下目标:
document.all.regTitle.innerHTML = 'Hello World';
Using jQuery where regTitle
is my div ID? 使用jQuery,其中regTitle
是我的div ID?
参考:https://stackoom.com/question/5UeC/如何使用jQuery替换div的innerHTML
$("#regTitle").html("Hello World");
The html() function can take strings of HTML, and will effectively modify the .innerHTML
property. html()函数可以接受HTML字符串,并将有效地修改.innerHTML
属性。
$('#regTitle').html('Hello World');
However, the text() function will change the (text) value of the specified element, but keep the html
structure. 但是, text()函数将更改指定元素的(text)值,但保留html
结构。
$('#regTitle').text('Hello world');
Here is your answer: 这是你的答案:
//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's .html()
can be used for setting and getting the contents of matched non empty elements ( innerHTML
). jQuery的.html()
可用于设置和获取匹配的非空元素( innerHTML
)的内容。
var contents = $(element).html();
$(element).html("insert content into element");
Answer: 回答:
$("#regTitle").html('Hello World');
Explanation: 说明:
$
is equivalent to jQuery
. $
等同于jQuery
。 Both represent the same object in the jQuery library. 两者都代表jQuery库中的相同对象。 The "#regTitle"
inside the parenthesis is called the selector which is used by the jQuery library to identify which element(s) of the html DOM (Document Object Model) you want to apply code to. 括号内的"#regTitle"
称为选择器 ,jQuery库使用该选择器来标识要应用代码的html DOM(文档对象模型)的哪个元素。 The #
before regTitle
is telling jQuery that regTitle
is the id of an element inside the DOM. regTitle
之前的#
告诉jQuery regTitle
是DOM中元素的id。
From there, the dot notation is used to call the html function which replaces the inner html with whatever parameter you place in-between the parenthesis, which in this case is 'Hello World'
. 从那里,点符号用于调用html函数,该函数用括号之间的任何参数替换内部html,在本例中为'Hello World'
。
How could I achieve the following: 我怎样才能实现以下目标: document.all.regTitle.innerHTML = 'Hello World';
$("#responsediv")是个Jquery对象,它Val()是对Value属性赋值对它无意义,Jquery没有innerHTML这个属性,应该这样写$("#responsediv")[0].innerHTML=msg就可以获得这个Dom对象使用innerHTML。
$("#tabs").innerHTML 是无意义的,innerHTML是DOM元素的属性。document.getEle
docment.getElementById('id').value = "修改的内容";
// input输入框要这样修改才生效
docment.getElementById('id').setAttribute('value', "修改的内容");
修改 innerHTML
document.createElement('id').innerHTML = "修改...
jquery替换指定
div原来的内容方法点击
替换div内容html()函数
点击
替换div内容html()函数
尝试用绑定到点击事件的新内容
替换div的内容.
function showitnow() {
var
div_data = "<
div ><a href='XXX'>XXX</a></
div>";
$("#test1").html(
div_data);
$("#button1").click(function() {
$("#responsediv") 是个Jquery对象,它Val()是对Value属性赋值对它无意义,Jquery没有innerHTML这个属性,应该这样写$("#responsediv")[0].innerHTML=msg 就可以获得这个Dom对象使用innerHTML。
我还以为是jQuery的一个bug 原来是这样用innerHTML属性啊- -
在jQuery中,没有直接的innerHTML属性。要使用innerHTML属性,需要将jQuery对象转换为普通的DOM对象。可以通过使用索引\[0\]来访问jQuery对象的第一个元素,然后使用innerHTML属性。例如,如果有一个jQuery对象$("#MainArea"),可以通过$("#MainArea")\[0\].innerHTML来获取或设置其innerHTML属性。同样地,如果有一个jQuery对象$("#responsediv"),可以通过$("#responsediv")\[0\].innerHTML来获取或设置其innerHTML属性。请注意,这种转换只适用于包含单个元素的jQuery对象。
#### 引用[.reference_title]
- *1* [jquery 使用innerHTML](https://blog.csdn.net/lfb111lfb/article/details/14223447)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [jquery 如何使用innerHTML](https://blog.csdn.net/zunguitiancheng/article/details/51728390)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]