(已解决)我遇到了.innerHTML不能正常工作的问题
.innerHTML不能正常工作的问题可能是由于以下几个原因导致的：
- HTML标签未正确闭合：在使用.innerHTML属性时，如果HTML标签未正确闭合，会导致innerHTML无法正常工作。请确保所有的HTML标签都有正确的开闭合。
- 字符串中包含特殊字符：如果要插入的字符串中包含特殊字符，如引号、尖括号等，可能会导致innerHTML无法正常工作。可以使用转义字符来处理这些特殊字符，或者使用其他方法来插入字符串，如createElement和appendChild等。
- 脚本注入攻击：如果要插入的字符串中包含恶意脚本，可能会导致安全问题。为了防止脚本注入攻击，可以使用其他方法来插入内容，如textContent属性或使用innerText属性。
解决这个问题的方法有：
- 检查HTML标签是否正确闭合：确保所有的HTML标签都有正确的开闭合，可以使用HTML验证工具来检查HTML代码的正确性。
- 使用转义字符处理特殊字符：如果要插入的字符串中包含特殊字符，可以使用转义字符来处理，例如使用"来表示双引号，'来表示单引号，<来表示小于号等。
- 使用textContent属性或innerText属性：如果不需要解析HTML标签，可以使用textContent属性或innerText属性来插入纯文本内容，这样可以避免脚本注入攻击。
- 使用createElement和appendChild方法：如果要插入的内容比较复杂，可以使用createElement方法创建新的HTML元素，然后使用appendChild方法将其添加到指定的父元素中。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。产品介绍链接
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、音视频、文档等各种类型的数据存储。产品介绍链接
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者快速构建智能应用。产品介绍链接
请注意，以上只是腾讯云的一些产品示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
2回答
如何忽略引号中的标签？HTML，Javascript
javascript、html
我正在尝试使用innerHTML来显示段落。
innerHTML="<html><head></head><body></body></html>";
但我当然会出错，因为它正在尝试处理标签。我如何让浏览器忽略这些标签，因为它们在引号中？
浏览 1提问于2014-02-01得票数 1
回答已采纳
2回答
html get在代码元素中呈现，而不是在字符串中呈现
javascript、html、preview
我想为我的组件自动生成html预览，但是我的html被呈现为一个节点，而不是显示一个字符串.
这是我简化的例子
const btns = document.querySelectorAll('.preview')
const previewContainer = document.getElementById('previewContainer')
const pre = document.createElement('pre')
previewContainer.appendChild(pre)
btns.forEach((btn)=&
浏览 3提问于2021-03-25得票数 0
回答已采纳
2回答
如何忽略innerHTML属性中的HTML标记？
javascript、html、tags、escaping
我正在做一个信使，我的消息不会忽略HTML标记，因为我只是简单地通过了消息的innerHTML输入中的文本。我的代码：
function Message(sender) {
...
this["text"] = "";
...
this.addText = function (text) {
this["text"] = text;
};
...
};
我在这里展示它：
...
var chatMessageText = document.createElement("p&#
浏览 4提问于2017-02-06得票数 1
回答已采纳
1回答
为什么更改innerText值也会更改innerHTML？
javascript、asp.net、.net、innerhtml、innertext
我有一个创建按钮的asp.net代码，如下所示：
<a href="#" id="button1" title="Maximize" onclick="function1('span1')" class="button"><span id="span1" class="iconMaximizeLightText">Maximize</span></a>
现在，在javascript文件中，我在function1函数中执行
浏览 0提问于2014-02-25得票数 1
5回答
如何使用JavaScript创建空格作为按钮值
javascript、html、button
我有下面的脚本。当‘s’用作按钮的标签时，它不能作为空格使用： var space = ' ';
var button = document.createElement("button");
mytext = "A" + space + space + space + space + "A";
button.textContent = mytext;
document.getElementById("buttonarea").appendChild(button);
document.get
浏览 59提问于2021-07-31得票数 0
回答已采纳
2回答
UserScript init故障
javascript、initialization、tostring、userscripts
现在，我正在为浏览器游戏使用userscript。我对initialization.和沙箱有一些问题。
作为解决方案，我找到了一种方法：创建一个新的元素(脚本)，将对象插入到元素中。
var script = document.createElement("script");
script.type = "text/javascript";
script.innerHTML = "var Class = { ... }";
document.body.appendChild(script);
但是我有一个非常大的对象，并将它转换成一个字符串，这很
浏览 2提问于2012-09-29得票数 1
回答已采纳
1回答
在参数中使用解构时未捕获typeError
javascript、html、object、dom
我有这个函数代码，用来在javascript中创建一个代码片段。我想知道我是否可以让它看起来更好，因为我认为我做的这段代码看起来不专业。
我尝试使用解构，但由于某些原因，我的浏览器显示此消息未捕获TypeError:无法读取未定义的属性'appendChild‘
我想知道有没有更好的方法将多个参数传递给javascript中的函数，将参数作为对象文字发送？为什么它会说字符串包含无效字符？
非常感谢。
const create = function ({t, v, p}) {
let n = document.createElement(t);
n.i
浏览 0提问于2020-04-23得票数 0
2回答
删除<br>并只留下文本后，将中断加倍
javascript、html、text、line-breaks
在我执行以下操作后：
var noTags = document.createElement("DIV");
noTags.innerHTML = html;
noTags.textContent // <- I put this into any textarea
和这段文字：
text test <br><br> this text
变成这样的文本：
text test
this text
一些我如何获得额外休息的方法。每次我执行上面的javascript代码时，它们都会不断地出现。请帮助:-(
浏览 0提问于2011-01-16得票数 1
回答已采纳
4回答
更改javascript中标签的文本不起作用
javascript、asp.net
我试图在aspx页面中使用javascript来更改标签的文本。
document.getElementById('DetailSection_EssLabel1').Text = "Revised Date";
但是当我在IE上使用F12按钮进行调试时，我看到的是这个字段，
<SPAN class=FormFieldHeader id=DetailSection_EssLabel1 Text="Revised Date">Assigned Completion Date</SPAN>
虽
浏览 6提问于2016-02-17得票数 0
回答已采纳
2回答
不使用InnerHTML从HTML中提取文本内容
javascript
我有一个HTML内容，我试图提取文本。在HTML内容中，我有gif图像。由于这一原因，提取文本进程在InnerHTML中花费的时间更长。
有没有任何方法可以不使用InnerHTML从HTML标记中提取文本？
现在我正在使用下面的代码。
function extractText(html) {
const span = document.createElement('span');
span.innerHTML = html;
return span.textContext || span.innerText;
}
除了上述方法外，还有其他选择吗？我们可以使用的正则
浏览 4提问于2022-11-10得票数 0
1回答
如何向动态生成的按钮添加文本？
javascript、dynamic
// Run loop through choices array
for(let i = 0; i < choices.length; i++) {
// Populate buttons to screen
let choiceBtn = document.createElement("BUTTON");
choiceBtn.classList.add("btn", "throws");
choiceBtn.setAttribute("data-choice", choices[i]
浏览 0提问于2018-03-09得票数 1
回答已采纳
2回答
我想用下面的代码给另一个人写一个答案，但是console.log的行为与.innerText/.innerHTML属性不同。为什么？如何才能将console.log的输出放到屏幕上而不是控制台上？
HTML，
<button type="button" id="click">Click <strong>me</strong></button>
Javascript，
const ll = document.querySelector(`#click`);
const tt = document.createElem
浏览 2提问于2020-08-27得票数 0
回答已采纳
2回答
生成的表在firefox 33中为空
javascript、html、css、firefox、dom
我试图用一个简单的“for”循环生成一个表，所有行和单元格都生成得很好，但是在Firefox中它们看起来是空的。如果您尝试在任何阶段记录单元格的innerText，内容就在那里，似乎是它破坏了一切。
下面是代码示例：
html
<table id="table">
<tr>
<th>This</th>
<th>Is</th>
<th>Table</th>
<th>Header</th>
浏览 2提问于2014-12-07得票数 1
回答已采纳
1回答
Javascrpt风格给我带来了问题
javascript
VS代码给了我一个错误：
Uncaught :无法在HTMLButtonElement.acc读取未定义的属性(读取“样式”)
function acc() {
if (button.style.display == 'none') {
button.style.display = 'block';
var button = document.createElement('button');
var div = document.createElement('div');
var im
浏览 4提问于2022-05-10得票数 0
1回答
您好，如何上传到指定分类下面？
云点播、官方文档
该客户端上传功能如何上传到指定分类下面？以前的客户端上传可以设置分类、是否添加水印等，怎么这个版本就没有这些功能了呢？
标题：Web 端上传 SDK - 点播 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/266/9239
浏览 269提问于2018-03-02
3回答
如何使用innerHTML而不删除标记内的整个html？
javascript、innerhtml
我几乎搜索了整个互联网，但还是找不到关于这个问题的解决方案。
假设我们有一个包含一些html的div元素。在通过id (或其他选择器)选择了这个标签之后，如果我使用"innerHTML“方法，我会丢失标签内的所有html。我能做些什么来不破坏标签中的html部分呢？我只想添加一些“更多”的东西，而不是“全部销毁”，然后插入一些新的东西。
document.getElementById('something').innerHTML = document.getElementById('something').innerHTML + new_html_to_
浏览 0提问于2013-06-07得票数 0
回答已采纳
1回答
如何在函数构造函数中使用标记
javascript、oop、constructor、tags
为了学习目的，我试图复制一个html页面布局。只有javascript。为此，我想我将使用函数构造函数作为html标记。因为它们会重复，我只需要修改其中的文字。这一页是除以3个div框，在那些我想把它全部。我可以在控制台上看到它们，但它不会在浏览器中显示。
我尝试将innerText替换为createTextNode，但不确定与其他文本方法相比文本节点做什么。也尝试了几种不同的方式来安排它，但我是相当新的，所以它是错误的。
//one of three container used for layout of elements.
let topContainer = document.crea
浏览 0提问于2019-09-30得票数 0
回答已采纳
4回答
textarea的下一个兄弟有什么问题？
javascript、html、dom、innerhtml
当这个脚本被插入到HTML文档中时，它会导致奇怪的行为。显示的textarea元素在插入<br>标记后会丢失它的值(我已经在Chrome 42中测试过它)：
var text = document.createElement("textarea");
document.body.appendChild(text);
text.value = "text";
alert("value presents");
document.body.innerHTML += "<br>"; //(*)
alert("
浏览 5提问于2015-05-09得票数 0
回答已采纳
1回答
创建元素并在追加到文档之前向其追加第二个元素
javascript、appendchild
我正在尝试创建一个元素，然后在将其传递给文档之前将另一个元素附加到该元素。我不确定为什么我的代码不能工作，我一直在测试不同的方法。
var count = 0;
function addElement() {
count++;
// Create plan element
var newElement = document.createElement("li");
newElement.classList.add("collection-item");
var main = document.createElement("
浏览 11提问于2017-12-11得票数 2
3回答
将HTML-string转换为文本字符串的角度方法
angular
目前我使用的是
htmlToText(html: string) {
const tmp = document.createElement('DIV');
tmp.innerHTML = html;
return tmp.textContent || tmp.innerText || '';
}
完成这项任务。做这件事的角度是什么？或者这样做是完全没问题的？像这样直接访问document是否会导致问题，例如移动应用程序？
注意:这里有一个，但我正在寻找一个Angular2+ anwer。另外，我不确定来自那个公认答案的正则表达式是否是可行
浏览 4提问于2017-11-16得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
