Javascript innerHTML/jQuery .html()每个id只能工作一次？
JavaScript的innerHTML属性和jQuery的.html()方法都用于修改HTML元素的内容。它们可以将指定的HTML代码或纯文本插入到指定元素的内部。
对于JavaScript的innerHTML属性，它是一个字符串属性，用于获取或设置指定元素的HTML内容。当我们使用innerHTML属性来设置元素的内容时，它会完全替换元素原有的内容。因此，如果多次使用innerHTML属性来设置同一个元素的内容，只有最后一次设置的内容会被保留。
对于jQuery的.html()方法，它是一个函数，用于获取或设置指定元素的HTML内容。与innerHTML类似，当我们使用.html()方法来设置元素的内容时，它也会完全替换元素原有的内容。因此，如果多次使用.html()方法来设置同一个元素的内容，只有最后一次设置的内容会被保留。
总结起来，无论是JavaScript的innerHTML属性还是jQuery的.html()方法，每个id只能工作一次。如果需要多次修改元素的内容，我们需要在每次修改时重新选择元素或者使用其他方法来实现。
以下是腾讯云相关产品和产品介绍链接地址的示例：
- 腾讯云函数计算（云原生、服务器运维）：https://cloud.tencent.com/product/scf
- 腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
- 腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
- 腾讯云安全产品（网络安全）：https://cloud.tencent.com/solution/security
- 腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
- 腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（区块链）：https://cloud.tencent.com/product/baas
- 腾讯云虚拟专用云（元宇宙）：https://cloud.tencent.com/product/vpc
相关·内容
在用JavaScript追加新元素时，我遇到了问题。我不使用任何库，如jQuery或其他任何东西，我在使用本机JavaScript进行此操作。
好的，我正在尝试在<body>标记中添加一个新元素。如果在jQuery中可以使用.append()函数，但是在使用本机JavaScript时必须使用.innerHTML。
这是我的HTML代码
<button id="add">
Add
</button>
这是我的JavaScript代码
document.getElementById("add").addEventListener(
浏览 6提问于2017-10-20得票数 1
回答已采纳
1回答
我做了一个简单的html和JS点击计数器网站，但我不能得到减号功能工作。下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>
Tally Counter
</title>
<Link rel='stylesheet' href='style.css'>
<script src="https://ajax.googleapis.com/aja
浏览 8提问于2020-05-18得票数 0
回答已采纳
我有一个繁重的javascript作业，无法向用户显示进度。有办法强制刷新窗口吗？
$("button").click(function()
{
var date = new Date();
for (var i = 0; i< 238801000000000000; i++) {
if (new Date() - date > 5000) {
document.getElementById('iddds').innerHTML = 'FINISH';
return;
}
if ((i % 1000
浏览 0提问于2018-05-28得票数 1
回答已采纳
我有一个简单的html，我需要在div中将某些区域更新为文本。javascript文件正在工作，alret函数也在工作，但是内部html不能工作。注意，我不确定我是否需要包含onload函数，但是我没有根据我的研究来尝试，我认为这是必须的。任何修复它的建议，以及关于最佳实践和改进代码的建议，我们将不胜感激。
HTML文件
<script type="text/javascript" src="compjavascript.js"></script>
<div class="wrapper">
<div
浏览 2提问于2019-10-29得票数 0
回答已采纳
我有这样的问题：
我有一个软件，在.html中进行订单确认。我必须弄清楚如何删除一些我在确认时不想要的字符串。因为我没有足够的知识，所以我做了这样的事情：
<script type="text/javascript">
document.body.innerHTML=document.body.innerHTML.replace(/<div id="boxik"><div class="nazwa">SZ.*font>/, '');
</script>
删除某些div之间的所有
浏览 0提问于2016-03-30得票数 0
我想要创建一个外部js文件，在其中我可以配置html文件中几个元素的副本。我使用document.getElementById(" id ").innerHTML =“任何东西”；将我的副本“注入”或“添加”到具有特定id的html元素中。
但是，当我的html文件中有多个具有相同id的多个元素时，js-文件中的html只添加到第一个元素中，但是js-文件中的html应该添加到所有具有相同id的元素中。
--这是我的html结构：
<html>
<head>
<script src="copy.js" type="text/
浏览 8提问于2012-04-11得票数 6
回答已采纳
这是我的页面，包含HTML和Javascript代码。无论我如何设置ID的初始值，它只工作一次。我觉得很奇怪！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--<meta http-equiv="refresh" content="30" />-->
<title>Relay Trigger</title>
<scr
浏览 12提问于2014-04-20得票数 0
回答已采纳
我看了一些关于如何制作打字机效果的例子，但我的解决方案似乎不起作用。我有三个句子，我想永远循环，让它们逐个字母地打字，以获得打字机效果。下面是我的代码：
<html>
<head>
<meta charset="utf-8">
<title>Кухнята на Дани</title>
<link rel="stylesheet" href="css.css">
<scr
浏览 35提问于2020-05-07得票数 0
回答已采纳
2回答
我正在尝试获取mesg_id，当用户单击一个按钮时，它会显示一个弹出窗口，在它里面，它会显示mesg_id
但我不能检索mesg_id的问题是，它取的是顶部的那个，而不是用户点击的那个示例：
<div class="msg-action">
<p id="mesg_id"><?php echo $msg_id; ?></p>
<a class="msg-icon popup-button" href="" data-target="#reply-
浏览 0提问于2020-03-14得票数 1
2回答
一个web页面在客户端运行，页面中有div，它通过ajax fn()动态地更改它是innerHTML，但是我对没有运行的jQuery fn()有异议。
假设这是正在运行的网页
<html> <head>
<script type="text/javascript" src="jquery-1.6.2.min.js"> </script>
<script type="text/javascript" src="jquery-ui.min.1.8.11.js"> <
浏览 2提问于2011-12-06得票数 0
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p id="text">Javascript is -</p>
<button id="firstpara">Click Me</button>
<script type="text/javascript">
document.
浏览 0提问于2018-07-13得票数 0
1回答
我的index.html包含jQuery.js和我自己的脚本，如下所示：
<script type="text/javascript" src="../lib/jQuery/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="myscript.js"></script>
myscript.js看起来像这样：
function eval() {
document.getElementById(&#
浏览 0提问于2014-03-13得票数 0
2回答
在这个文件中，名为：
/fichier_client/fiche_client.html?id=4870
它使用"id“值并向外部文件(php)发出请求。数据不会传递给php文件(外部域)。远程php文件执行良好，没有错误，并重新提取。来自数据库的数据使用测试id，但不具有通过ajax ->参数接收的值：{“->”：id}，
<link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
浏览 3提问于2013-10-31得票数 0
2回答
我使用xmlhttprequest得到它，然后我对它进行json.parse，然后通过"resonse“循环来填充一个列表。
您可以在下一张图片中看到，当我单击"0...99“时，"response”中的数组是什么样子的。
我的问题是for循环不会填充html中的list标记，但是当我尝试只为阿尔巴尼亚编写时，它就可以工作了。我需要帮助，只与javascript，而不是jQuery。你可以在这里看到我的代码：
HTML部分：
<section class="country">
<h3
浏览 20提问于2020-02-12得票数 0
回答已采纳
2回答
我希望每秒钟通过javascript/jQuery将数据重新加载到html div id元素中。最初的加载(就绪状态)工作得很好，但是在刷新过程中(通过setInterval())不能工作，我只是一个业余程序员，非常感谢您的帮助。
$(document).ready(function() {
$.getJSON('db/blackmagic/webscripts/jquery_gpio.php', function(json_php) {
document.getElementById("jq_zeitstempel").innerHTML =
浏览 11提问于2020-10-23得票数 0
回答已采纳
1回答
这是脚本的jQuery变体(它不起作用)：
<script language="javascript">
$("div.post-content").each(function(){
if($(this).innerHTML.indexOf("[/float]") != -1) {
pattern= /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
$(this).html($(this).innerHTML.replace(pattern, "<spa
浏览 2提问于2012-06-30得票数 0
回答已采纳
我为一家公司做了一点第三方javascript工作，在那里我可以将我的javascript片段输入CMS，并让它在面向客户的站点中运行。我可以选择在站点的标题中打开JQuery 1.7.1，我通常会选择这样做，这取决于如果不这样做会使我的代码变得复杂得多。
我经常在想，如果我在所有情况下都打开它，它会产生多大的影响，所以即使是简单的事情，比如：
document.getElementById('myElement');
变成了
$('#myElement');
在决定更好地/更有效地/更容易地打开JQuery时，‘断点’在哪里？
今天让我想到这一点的例子如下(两
浏览 4提问于2012-06-11得票数 3
回答已采纳
我正在尝试使用Javascript中的JSON文件来制作单选按钮。我不太确定如何设置checked属性，以便只能选择一个单选按钮。
const makeArtistRadioButtons = (artists) => {
artists.forEach(artist => {
// <div>
// <input type="radio" value="artist"> artist name <br>
// ...
// </div>
浏览 0提问于2018-05-13得票数 0
1回答
我有一个具有以下格式的网页：
<!doctype html>
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/main
浏览 0提问于2021-10-24得票数 0
回答已采纳
这是我的代码。在这段代码中，我想在innerHTML中打印表格
段落tag.This正在工作，但问题是当我点击提交按钮时，这个结果只显示像这样的最后一个值"10*10=100“，但我想运行完整的循环，我在代码中定义从1到10。请解决这个问题。
<html>
<head>
<title>Table Program</title>
</head>
<body>
<input type="text" id="table" placeholder="Enter table
浏览 0提问于2012-10-21得票数 4
回答已采纳
下面是这个简单页面的源代码：
<html>
<head>
<title>Test</title>
<script src="jquery-1.4.2.js" type=text/javascript></script>
</head>
<body>
<div id="divText">Original</div>
<script type="text/javascript">
浏览 2提问于2010-09-17得票数 0
回答已采纳
1回答
我希望获得元素的内容，而不对其进行解析。但是，在这种情况下，结果应该是所有我尝试过的解析内容和返回的方法。我怎样才能得到实际的内容。
console.log('javascript textContent:'+document.getElementById('test').textContent);
console.log('javascript innerText:'+document.getElementById('test').innerText);
console.log('javascript innerHT
浏览 2提问于2020-04-14得票数 5
回答已采纳
我正在尝试创建两个单独的HTML文档：main.html和sufler.html。其思想是从sufler.html页面控制main.html。到目前为止，我成功地编写了文本并更改了它的字体样式。但是字体样式只改变了一次.
我需要它能够更改多次，无法理解发生了什么，因为，据我所知，每次调用函数writing()时，我都在用newDoc.body.innerHTML = ''清除所有新文档的内容。但似乎不是..。尽管文本每次都在变化。
main.html
<html>
<head>
<script type="text/javascript&#
浏览 3提问于2013-11-20得票数 0
回答已采纳
我正在使用showdown.js和代码点火器。一旦我将代码插入数据库，我就可以从我的数据库预览这个问题了。
当我试着去看的时候。
它显示了防火墙中的错误。
语法错误未终止字符串文字
Javascript显示
<script type="text/javascript">
var converter = new showdown.Converter(),
text = '<?php echo $output;?>',
target = document.getElementById('output')
浏览 0提问于2016-11-24得票数 0
2回答
我有一个javascript函数print()。它由php循环调用。它在一页上显示一个图像的两个副本。
如果我运行它一次，没有什么是错误的，下面的函数工作。但是如果我运行它超过一次，由于hmtl2canvas的承诺性质，它会腐蚀。
我寻找使html2canvas工作同步的方法，但没有多少解决方案。
此外，我还试图将其放入异步/等待中，但它们都不起作用。
function print(html_string){
let leftPanel = 'left'+Date.now(); //create Unique ID
let rightPanel = 'righ
浏览 0提问于2021-06-06得票数 0
回答已采纳
我想在一个页面中多次显示相同的广告单元。只有第一个广告位在第一次工作。当我单击刷新按钮时，出现第二个插槽。我怎么才能让它工作呢？
下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Google Advertisement</title>
<script t
浏览 1提问于2014-03-17得票数 5
正如您从此屏幕截图中看到的： ? 每个元素都被放入自己的tr中。 我不想那样，我只想让每个元素都在一个td中，然后用一个tr包围所有东西。 HTML： <div id='result'>
<table class='table'>
<thead>
<tr><th>Question</th><th>Animal</th><th>Expected</th><th>You Pick
浏览 17提问于2020-02-01得票数 3
回答已采纳
1回答
我尝试用.html(.)插入一个按钮然后他应该执行一些代码。但是它不工作，按钮(插入.html(.))在点击他之后没有反应。我不知道我能做什么，我也向谷歌寻求帮助，但我什么也没找到。我希望有人能帮我:)
这里是我的html:
<html>
<head>
<title>Multiplie Files</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, ini
浏览 2提问于2014-06-19得票数 0
这是在JavaScript中为购物车创建的简化引导表。我有一排四列。问题是，当我在Chrome中打开它时，列2、3和4的所有数据都放在第1列中。
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstra
浏览 0提问于2017-05-24得票数 1
回答已采纳
3回答
我刚开始学习Javascript，但我真的以为我知道这一点。我不明白为什么它不能工作。我需要它插入“此文本”格式为2级标题到theDiv的时候，该按钮被点击。我尝试了所有的方法，即使是使用函数。这个例子看起来像是它应该工作的方式，但事实并非如此，我只能用Javascript来工作，没有JQuery --我还不知道。
<html>
<h1 id="header">Header in progress</h1>
<body>
<p>
<input type="button"
浏览 0提问于2013-10-27得票数 2
有一个div经常更改，它是通过ajax实现的innerHTML。一旦加载了页面，jQuery函数()就可以工作了，但是当innerHTML通过ajax改变时，一些功能就不能工作了。我使用firebug检查了代码，并试图简单地解释它。**
我认为DOM只在首次加载页面时加载js文件，如果ajax修改了innerHTML，那么函数不会被调用，您说是somehow.What吗？根据您的看法，什么是解决方案？HTML页面
<body>
<div class="_div_change"> dynamically class add by jQuery
浏览 1提问于2011-04-29得票数 1
回答已采纳
3回答
当提交按钮被按下时，我正在尝试创建下拉列表。这将通过一个while循环来生成不同数量的列表。我目前有以下代码，但它不能像预期的那样工作。
<html>
<head>
<script type="text/javascript">
function getvalue() {
number = document.getnumber.input.value;
document.getElementById("result"
浏览 0提问于2013-02-15得票数 0
2回答
为了兼容性问题，我使用了一个生成的HTML，它有一个带有一行链接的表格。
一旦加载页面，我就删除链接并将innerHTML传输到链接的父元素。我试着用jQuery方法html()来做这件事。
但我注意到这个方法有一个有趣的行为，它让事情变得复杂。当我将innerHTML从链接元素复制到另一个元素时，它会自动分离。我实现了一个变通方法，将链接的innerHTML复制到一个临时数组中，并将其插入到父元素中。
有人能解释这种行为吗？
我使用的JavaScript/jQuery代码：
function rmvMenuLinks()
{var txt = new Array();
for(
浏览 1提问于2013-06-05得票数 1
回答已采纳
3回答
我有以下jquery函数，您可以在中找到这些函数，我想简化这些函数。
我想通过编写一个创建以下所有函数的函数来更简洁地编写下面的javascript，因为惟一的区别是以下字符串: name1、name2、name3等等。
Javascript
$('#name1').on('click', function(){
document.getElementById("name1").innerHTML = "name1";
});
$('#name2').on('click', func
浏览 0提问于2016-09-14得票数 0
回答已采纳
1回答
我想在动态创建的表单中验证元素。但是，下面代码中添加规则('$("#email"+index).rules("add", { required:true,email:true });')的代码似乎不起作用(例如，没有响应)。
我做错了什么？(对于这个添加规则代码，我使用了页面查看源：作为示例，它可以工作。还在.validate函数的开头添加了document.ready ()，例如在添加中建议的规则之前，但这也不起作用.)
请你提出建议..。
代码(采用简化格式)：
<html>
<head>
<title&
浏览 2提问于2013-08-30得票数 1
回答已采纳
我有一个电子商务网站，我正在创建一个脚本，它将决定我的用户所在的国家，如果它是我们运送到的四个国家之一，那么我们将返回一份声明，说我们将运送到那个国家。我能够通过一个ip位置服务脚本(" callback=GetUserInfo")和我的脚本结合在一个html文档中来实现这一点，但是现在我已经尝试将脚本移动到sn外部.js文档，所以我想不出如何让我的脚本启动ip位置服务脚本。
原始HTML文档(工作)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get U
浏览 1提问于2013-06-18得票数 0
有人能说出jquery .html()函数和innerHTML之间的区别吗？
<script type="text/javascript">
$(document).ready(function(){
$('#test_link').click(function(){
//$('#div_test_out').html("<div width='250px' height='100px' id='div_test'&
浏览 2提问于2011-03-22得票数 14
回答已采纳
下面是代码的一个工作示例，但是我经常发现自己编写Page_Load内容时发现自己重写了相同类型的代码，在通过ajax加载后在页面上做了相同的事情(以避免回发).
我情不自禁地认为，必须有某种更好的(可能是面向对象的)方法来操作和创建在初始.NET页面加载之后我们需要维护的动态HTML方法，而不需要刷新整个页面。
在下面的代码示例中，您可以假设AjaxEnginePage是一个现有的.NET页面，它适当地解析查询字符串，并且GetRealTimeFavoritesList()返回一个包含需要在C#或JavaScript中解析的所有信息的对象的适当列表，从那时起，我们可以获得代码的可重用性，但是如
浏览 0提问于2014-11-08得票数 0
回答已采纳
1回答
字母替换
、、、
我想把字母变成可见的。我想我需要用ascii代码替换这些字母。
我尝试过jquery和javascript，但是它没有工作。请看以下代码：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
jQuery("#body").html(
jQuery("#body").html().replace('ä', '
浏览 2提问于2016-08-16得票数 0
回答已采纳
3回答
我想使用jQuery异步上传一个文件，而不使用任何插件。
JQuery对我来说是非常新的，在查看了各种论坛之后，我得到了以下代码：
HTML：
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8&#
浏览 2提问于2012-05-14得票数 2
我刚开始用HTML、CSS、Javascript和JQuery制作一个基本的游戏，但是我想在一定时间后把钱加起来(如果你曾经玩过一个空闲的游戏，你会知道我的意思)，但我不明白。
如果有人能帮我，我会很感激的。
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css' />
<script type='text/javascript' src='http://ajax.googleapis.
浏览 0提问于2015-06-29得票数 0
回答已采纳
我希望浏览器显示上次刷新后的秒数。我不明白为什么代码1不工作；代码2不工作；如果代码1不工作，为什么代码3工作？setInterval调用在代码1和代码3中类似，函数的定义方式不同。但我不清楚为什么这会产生影响。
非常感谢你的帮助。我刚刚开始学习JavaScript。
代码1
<html>
<head>
<title>Time Since Refresh</title>
</head>
<body>
<br/>
<br/>
<span id="timeSinceStart
浏览 6提问于2011-12-16得票数 0
回答已采纳
1回答
我正在尝试使用javascript创建一个自定义视频播放器，代码应该在onmousemove事件上显示覆盖--它确实触发了代码--但由于某些原因，我认为发生这种情况是因为双全屏div位于对方之上，但我不知道确切原因。
它的HTML代码如下
<!DOCTYPE html>
<html>
<head>
<title>Video Player</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/j
浏览 4提问于2017-11-01得票数 1
回答已采纳
以下是我的代码
No. of logs: <p id="count">Counter</p>
<script type="text/javascript">
var x=0;
jQuery.ajax({
url: "refresh4.htm",
success: function(result) {
var html = jQuery('<div>').html(result);
//alert(html.find("
浏览 0提问于2013-08-27得票数 0
我在这里要做的就是删除我的页脚，当我的任何一个文本框有焦点。我正在使用jquery尝试这样做。因此，目前我有两个文本框，第一个完美地工作。现在，第二个文本框在聚焦或非聚焦时都不起作用。有人知道我哪里出问题了吗？
文本框1 HTML
<div id="inputAreaTextbox">
<input type="text" id="textbox" name="username" class="tbinputArea" placeholder="Username" auto
浏览 9提问于2016-09-16得票数 1
回答已采纳
2回答
我试图写一个页面，同时通过javascript创建几乎所有的html。我想在我的项目中使用jQuery标签。内容被创建，但是选项卡没有显示。这是CSS问题吗？
function buildDocument() {
var tabsContainer = document.getElementById("tabs");
tabsContainer.innerHTML = "";
var uList = document.createElement("ul");
var li1 = document.crea
浏览 2提问于2015-12-16得票数 0
回答已采纳
3回答
我正在尝试在我的网站上使用一个JQuery timeago插件来实现'time-ago‘功能。不幸的是，我遇到了一些问题。
<script type="text/javascript" charset="utf-8">
jQuery("abbr.timeago").timeago();
</script>
var content = document.getElementById('div');
var html = "<abbr class=timeago title=2008-
浏览 1提问于2010-03-19得票数 1
回答已采纳
3回答
这段代码应该可以工作..但它没有，我收到一条错误消息，上面写着：
Uncaught TypeError: Cannot set property 'innerHTML' of null
这不是我第一次收到这个错误了，我仍然不理解它。
HTML：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="mycss.css">
<s
浏览 3提问于2014-02-14得票数 0
1回答
我正在编写一个Rails应用程序，需要插入这一小段jQuery代码，但我真的不知道如何让它工作。下面是我的控制器代码：
class ChatroomController < ApplicationController
def send_data
@role = Role.find_by_id(session[:role_id])
render :juggernaut do |page|
page.insert_html :bottom, 'chat_data', "<b>#{@role.name}:</b> #
浏览 1提问于2009-05-17得票数 0
这里的人建议我使用jQuery，但当我将代码更改为jQuery并使用.html()时，它就像什么也没做一样。我甚至删除了需要添加的HTML代码的一半，因为有人建议我使用很多innerHTML和html。
在简单的任务中，我想要的就是当用户单击DIV时，它会运行onClick事件。
html += "<div onClick='loadnewsstory();' class='news'> this is a test story, for this test story we are not getting data from JSON&l
浏览 3提问于2013-10-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
