使用导入时document.getElementById("app").innerHTML失败
使用导入时document.getElementById("app").innerHTML失败是因为在导入时，可能还没有加载到对应的DOM元素。这种情况下，可以通过以下几种方式解决：
- 确保脚本的位置：将脚本放在HTML文件中对应DOM元素之后，或者使用DOMContentLoaded事件确保DOM加载完成后再执行脚本。
- 使用defer属性：在script标签中添加defer属性，这样脚本将在文档解析完成后执行，确保DOM已经加载完毕。
- 使用window.onload事件：将脚本放在window.onload事件中，这样脚本将在整个页面加载完成后执行，确保DOM已经完全加载。
- 检查DOM元素的ID是否正确：确保要获取的DOM元素的ID与代码中的getElementById方法参数一致。
- 检查是否存在多个相同ID的元素：如果存在多个相同ID的元素，getElementById方法只会返回第一个匹配的元素，可能导致获取到错误的元素。
- 检查是否在iframe或frame中：如果代码运行在iframe或frame中，需要使用parent.document.getElementById来获取父页面的DOM元素。
- 检查是否在异步加载的内容中：如果DOM元素是通过异步加载的方式添加到页面中的，需要确保在获取元素之前已经加载完成。
总结：在导入时document.getElementById("app").innerHTML失败可能是由于DOM元素还未加载完成或者获取的ID不正确导致的。可以通过调整脚本位置、使用defer属性、使用window.onload事件、检查ID是否正确、检查是否存在多个相同ID的元素、检查是否在iframe或frame中、检查是否在异步加载的内容中等方式来解决该问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
相关·内容
我觉得这是一个非常简单的操作。我只需要一点指导，我到底做错了什么在这里。
我只需要一个简单的程序就可以从<span id "text">获取内容并将其复制到<div id="text2">中。
function getValue() {
var text = document.getElementById("text");
document.getElementById("text2").innerHTML = text;
};
getValue;
<span id="
浏览 5提问于2015-02-25得票数 1
回答已采纳
//Magic 8 ball
//Variables
let questionEl = document.getElementById("Question");
let magic8BallEl = document.getElementById("magic8ball");
let answerSpaceEl = document.getElementById("answerSpace");
//eventlistener
magic8BallEl.addEventListener("click", giveAnswer
浏览 13提问于2020-07-24得票数 1
我使用angular.js作为我的GET请求。
var app = angular.module('app', []);
app.controller('ArduinoCtrl', function ($scope, $http) {
$scope.response = {};
$scope.progress = false;
$scope.setServo = function (setting) {
$scope.progress = true;
var url = "http://192.1
浏览 0提问于2014-12-12得票数 0
回答已采纳
我对代码优化和JS非常陌生。我想在优化我的代码方面寻求帮助。提前谢谢你。
这是我的代码：
if(entity_param_connections_products == "PL") {
if(pl_flex_l1_label === ""){
document.getElementById("credit_app-flex_l1").style.display = 'none';
} else {
document.getElementById('credit_a
浏览 0提问于2021-08-20得票数 5
回答已采纳
1回答
当用户输入时，我正在做一些实时计算。
这很奇怪，它可以在jsfiddle中工作，但不能在localhost中工作。
window.onload = function() {
var base = 10;
var numberField = document.getElementById('numberField');
numberField.onkeyup = numberField.onpaste = function() {
if(this.value.length == 0) {
document.g
浏览 2提问于2012-12-06得票数 0
1回答
我有以下问题。我正在尝试创建一个网站，但我在ajax.Now中将GET更改为POST，它抛出了以下消息：
hometest.html:98 Uncaught ReferenceError: showHint is not defined
at HTMLButtonElement.onclick (hometest.html:98)
onclick @ hometest.html:98
这是在控制台中显示的，当我检查元素并单击按钮Next.Do时，您对此问题有任何想法。谢谢。
<!DOCTYPE html>
<html>
<head>
<scri
浏览 0提问于2018-02-09得票数 0
3回答
我怎么能用我在输入字段中写的东西来写h1呢？
如下所示：
<input id="inputtxt" type="text" value="Insert text here..">
<h1 id="newtxt"></h1>
<script>
var txtelement
txtelement = document.getElementById("inputtxt").value;
document.getElementById("newtxt").i
浏览 0提问于2016-03-02得票数 2
4回答
从下面的html和javascript代码中，我希望将输入时间与当前时间进行比较！如果输入时间小于2小时，我希望在标签中打印“较少的时间”，如果超过2小时，我希望在标签中打印“足够的时间”！
function test(){
var element = document.getElementById("time").value;
var d = new Date();
var n = d.getTime();
if(element-n>2){
document.getElementById("
浏览 1提问于2017-01-11得票数 1
回答已采纳
3回答
由于某种原因，当回车输入时，它会被反向返回。我可以使用for循环让它工作，但是我如何使用while循环呢？
var input = document.getElementById('userinput').value;
var i = input.length;
while (i--) {
document.getElementById('message').innerHTML += input[i] + "<br/>";
}
浏览 0提问于2017-04-20得票数 0
我正试着把最新的消息拉到页面的最上面。目前，每次有新的消息进入时，最新的消息都会进入底层。
<script>
if(typeof(EventSource)!=="undefined")
{
var source=new EventSource("sse/lup.php?");
source.onmessage=function(event)
{
document.getElementById("lup").innerHTML+=event.data;
};
}
else
{
document.getElementById("l
浏览 2提问于2013-05-21得票数 1
回答已采纳
我正在尝试用Ember 1.0.0-rc1引导一个小应用程序。应用程序将对图像进行处理。我还没有这个应用程序的任何后端，所以我尝试在网页源代码中嵌入的JSON上使用FixtureAdapter。
不幸的是，我似乎不能很好地把商店连接起来。关于需要设置YourAppName.Store，我一直有一个错误。
未知错误:断言失败:您的应用程序没有定义“Store”属性。在模型类上调用“all”的尝试将失败。请提供一个与'YourAppName.Store = DS.Store.extend()‘相同的
但是，除非我完全错过了什么，我确实设置了：
window.YIH = Ember.
浏览 1提问于2013-03-08得票数 4
回答已采纳
1回答
我想知道，当用户向输入时，它不必与document.getElementById("spanId").innerHTML = "146.5 meters";的值相同。
<input id="ask" type="text"
placeholder = "Ex: how tall is the Gateway Arch"
onfocus="this.placeholder = ''"
onblur="this.placehold
浏览 2提问于2015-09-05得票数 0
3回答
如何保存javascript变量
、、、、
我有一个javascript变量，它由.php脚本中的javascript函数递增，唯一的问题是当函数被调用时页面重新加载，所以当页面被重新加载或输入时，我需要某种方式来保存变量。我知道你可以做一个本地保存，但我不确定它是否保存变量时，你离开网站。
我的变量在html脚本中。
<script type="text/javascript">
var varNumber= 1;
document.getElementById("varNumber").innerHTML
浏览 10提问于2015-03-30得票数 1
回答已采纳
我很惊讶我还没找到答案。我在ASPX文件中使用标准的html按钮(而不是asp:按钮)。当从onclick属性调用javascript函数时，如果javascript调用包含变量，则会失败。例如，onclick="func1()"将完美地运行，然而，onclick="func2(this.id)"却没有。我知道this.id不应该在asp:按钮中工作，但是它应该在标准的html按钮中失败吗？
编辑：
HTML：
<button id="Hour" type="button" class="butshape"
浏览 0提问于2015-02-12得票数 0
回答已采纳
1回答
当有人在字段中输入时，我可以隐藏我的验证错误吗？(不聚焦，只在输入时输入更多的字母)。
我现在有这样的代码：
<div>
Email:
<input type="text" name="email" id="txtEmail" onblur="validateForm()">
<label id="lblError" style="color:red"></label>
</div>
而这个javascript：
func
浏览 3提问于2020-04-20得票数 0
回答已采纳
2回答
关于多输入表单验证的问题
、、、
我正在尝试做一个多js验证。当我第一次单击submit按钮时，所有输入字段都为空，一切正常，但是如果我在输入字段中放置了一个正确的表单，当我单击submit时，旧的警告文本仍然存在。
如果单击输入时输入有效，如何删除旧的红色警告文本？
function FormValidation(){
var fn=document.getElementById('firstname').value;
var em=document.getElementById('email').value;
var atpos = em.indexOf("@
浏览 2提问于2015-02-03得票数 0
1回答
我正在用普通的JS动态地创建一个表单。每当最后一个输入字段接收到一个输入时，就应该创建另一个空输入。另一方面，当最后一个字段变为空时，应该删除最后一个字段。
HTML (用户输入前)：
<div id="eventList" class="gap">
<input id="event1" class="text bold eventBox" type="text" name="event1" placeholder="Ereignis 1" />
浏览 4提问于2017-07-18得票数 1
回答已采纳
让我的javascript代码从我的HTML input标签接受输入时遇到了问题。
程序的基本功能是让用户输入一个数字，然后程序告诉用户他们的数字是正数、负数还是零。
下面是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
window.onload = function () {
if (Math.sign("number") = 1) {
浏览 15提问于2021-05-27得票数 1
回答已采纳
我有一个最大值为10的文本框，我想让#pid p tag写下剩余的字符数。
html：
<textarea id="content" maxlength="10"></textarea>
<p id="pid">max 10 chars</p>
javascript：
var content = document.getElementById('content');
var pid = document.getElementById('pid');
functio
浏览 0提问于2013-05-05得票数 1
回答已采纳
2回答
我有一个带有行的html表，在一个单元格中，只要双击输入文本，我就可以在其中一个单元格中插入一个输入文本；当这个输入被模糊化时，我希望删除它，并在td中看到它的值。
这是我的密码：
<td dir='ltr' id='test1' class='tLine' nowrap ondblclick='addInput(this);'>sdadfew</td>
function addInput(xxx) {
var id = xxx.id;
浏览 2提问于2012-02-29得票数 0
回答已采纳
1回答
我正在重新制定我的问题，因为它是不清楚的第一次，我已经编辑了太多次我的另一个问题。我认为这是足够不同的，它不应该被认为是一个重复的问题，因为浏览器扩展澄清。
此事件侦听器用于浏览器扩展与个人网页交互，该页面在加载页面后通过服务器更新元素(我只是使用提示来模拟元素的延迟更新)。这是一个调试脚本，用于为元素添加一个输入事件侦听器，以便在元素以编程方式输入时调用另一个函数，现在，事件侦听器只在手动获得其输入时才运行。如果在一个脚本中调用了所有东西，我可以跳过额外的事件侦听器，只需在更新元素之后调用函数，但是扩展执行流是分开的，因此事件侦听器需要分离。
HTML网页
<textarea id=&
浏览 4提问于2014-10-12得票数 0
回答已采纳
当我使用add按钮添加一个输入，更改它的值，然后添加另一个输入时，容器中已经存在的输入就会丢失它们的值。
let btn = document.getElementById('addBtn');
let container = document.getElementById('container');
btn.onclick = function() {
container.innerHTML += `<input type="number" max="10" min="1" value="
浏览 1提问于2019-11-11得票数 1
let userInput = document.getElementById('userInput');
const countdown = document.getElementById('countdown'); //DOM for change the html value
let countTime = 10;
userInput.addEventListener('keyup',function(){
countdown.innerHTML = countTime;
let mundur = setInterva
浏览 7提问于2022-10-25得票数 0
回答已采纳
1回答
下面的代码中，我在div中显示匹配的用户输入，但是当没有匹配的用户输入时，我想隐藏div。我似乎不能用下面的代码做到这一点：
HTML代码：
<input id="filter" type="text" placeholder="Enter your filter text here.." onkeyup = "test()" />
<div id="lc"> <p id='placeholder'> </p> </div>
JS
浏览 0提问于2012-09-27得票数 1
回答已采纳
2回答
我在乱搞以前存在的片段，并遇到了一个问题。每当我尝试输入一个不应用to If语句的输入时，它总是给出If输出。此外，我希望，而不是说，批准，你是否发送到一个URL，例如谷歌，我不确定解决方案，为这两个。
function myFunction() {
var a = document.getElementById("text_a").value;
if (a == "02035", "02048", "02067") {
document.getElementById("answer").in
浏览 1提问于2017-04-26得票数 0
回答已采纳
1回答
拥有如此简单的js应用程序：
index.html：
<html>
<head>
<title>Parcel Sandbox</title>
<meta charset="UTF-8" />
</head>
<body>
<div id="app1"></div>
<div id="app2"></div>
<div id="app3">
浏览 3提问于2021-04-14得票数 0
回答已采纳
我在使用OpenLayers地图应用程序接口时有一个问题，我想在用户输入时更改地图的居中位置。问题是我不知道怎么做。我需要什么来改变卡的位置，我的代码： var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.fromLonLat([0, 50]),
zoom:
浏览 19提问于2020-10-22得票数 0
我想弄清楚为什么验证总是失败的？正则表达式应该很好，我想问题应该在if(loginreg.test(login) && passwordreg.test(password) && repassword==password)的某个地方。有人能帮我一下吗？
function CheckAuthData() {
var loginreg = /^(?=.*[A-Z])(?=.*\d)[A-Za-z\d]{4,}\d$/g;
var login = document.getElementById("login").value;
浏览 1提问于2015-05-22得票数 0
回答已采纳
1回答
这个问题(可能)并不是由CSS中的宽度/高度引起的，因为它不是。()当尝试使用rage输入来演示我遇到的问题时，我发现在使用范围输入时它的行为更奇怪。它所代表的数字似乎比我所传递的要大。请检查我的代码，并告诉我是什么原因造成这一切。
var engine = function(canvas) { // Trying to make a game engine when the problems started
this.canvas = canvas.getContext("2d");
this.defaultColor = "#FF0000";
浏览 1提问于2015-12-01得票数 0
回答已采纳
4回答
我需要在输入时更改多个DIVs的内容。
我改变了第一个div，尝试使用一些循环，在这里浏览了其他不同的问题，但都没有成功。
let input = document.getElementById('in');
let out = document.getElementById('out');
input.onkeyup = function() {
out.innerHTML = input.value;
}
<input type="text" id="in">
<div id="out
浏览 6提问于2019-12-16得票数 1
回答已采纳
我正在尝试创建一个按钮，它应该在提交之前检查用户输入是否为空。设置用户输入时，该按钮将被禁用，在innerHTML中更改，并在底部有一个微调器。下面是我到目前为止所得到的。 let form = document.getElementById("form");
let button = document.getElementById("btnSub");
let text = document.getElementById("inpSub");
let spin = document.getElementById("soonSpin
浏览 30提问于2021-04-09得票数 0
回答已采纳
3回答
我有下一个测试代码：
it("Test", function() {
loadResources();
expect(document.getElementById('MyElement').innerHTML).toBe("my string");
});
函数体loadResources()
document.getElementById('MyElement').innerHTML = "my string";
我的测试在以下消息中失败：
TypeError:无法将属性"inner
浏览 1提问于2014-05-06得票数 53
回答已采纳
我使用侦听器检测用户何时结束使用textbox；当文本的值发生变化时，我使用innerHTML将他们的文本粘贴到页面上。
document.getElementById("dateinput").addEventListener("change", function() {
myDate(document.getElementById("dateinput").value);
}, false);
有没有一种方法可以监听每一次按键，在他们键入时立即逐个字符地粘贴.value？我只想在文本框具有焦点时执行此操作。
谢谢。
浏览 1提问于2013-04-09得票数 3
回答已采纳
1回答
访问图像元素的父对象属性
、、、
我有一张猫名单。每个cat对象都有一个属性cat.clicks，用于记录单击cat图像的次数。cat映像的onclick调用方法cat.clickCat。
当然，clickCat方法中的“this”指的是图像元素，而不是包含属性“单击”的cat对象。
如何显示和更新图像上的点击次数？
function Cat(src, name) {
this.src = src;
this.name = name;
this.clicks = 0; //property recording no. of clicks
}
Cat.prototype.createCatItem = func
浏览 1提问于2017-03-13得票数 0
回答已采纳
如何设置if条件，这样如果输入是给定的，当我们删除输入时，就应该显示写任何东西。
我想要放if语句，这样如果输入是空的，那么应该显示“您必须写一些东西”。
var number = document.getElementById("think");
var out = document.getElementById("output");
number.addEventListener("input", sol);
function sol(){
var one = parseInt(number.value);
var a
浏览 5提问于2015-10-27得票数 0
回答已采纳
我将此脚本添加到jsp文件中。
此函数始终返回true，即使在没有匹配表达式等失败情况下也是如此。
为什么会发生这样的事情?如何解决？
<script type="text/javascript">
function validate()
{
document.getElementById("user").innerHTML="";
document.getElementById("pass").innerHTML="";
document.getElementById("
浏览 1提问于2011-07-08得票数 0
回答已采纳
问题:如何仅使用innerHtml在动态生成的按钮中更新span的JavaScript？
我正在构建一个类似的功能(比如社交媒体)，用户可以喜欢/不像帖子，但我不知道如何选择用户点击的特定跨度的值。我只能用jQuery找到.find('span')的解决方案
const htmlBtn = `<button class="count"><span>0</span></button>`;
const create = document.getElementById("create");
crea
浏览 4提问于2022-06-02得票数 0
回答已采纳
4回答
我正在尝试用js做一个分数计算器，但是在我的项目中遇到了一些实现条件的问题。(查看我的代码)我已经选择了5个科目来计算GPA，并成功地实现了这些内容。( 1.总分500分，2.百分比，3.成绩点4.成绩)但不能执行最终的通过/不通过决定。根据我现在的代码，当一个人的计算百分比小于33时，就被认为是失败。或者，如果大于或等于33%，则视为通过。我想用这个>来改变这种情况(当任何人进入任何科目的分数低于33分时，他们必须被认为是不及格)。为了更好地理解，请查看示例：
示例>
当任何人输入这些值(标记)时：
Subject1: 36，subject2: 31，subject3: 35，s
浏览 9提问于2020-12-16得票数 2
4回答
如何在创建动态输入时向div添加类。
div.class = "form-group";
不是为我工作。在下面的代码中有注释。
<script type="text/javascript">
function dynInput(cbox) {
if (cbox.checked) {
var input = document.createElement("input");
input.type = "text";
var di
浏览 2提问于2016-11-17得票数 1
回答已采纳
我试图在函数createList的for循环中使用" list“属性，但除非在createList中定义像var list= .....；这样的列表，否则它不起作用。
var app =
{
list:document.bluetoothList.pairedDevices,
createList : function()
{
for(var i=0; i<5; i++)
{
app.list.options[i] = new Option("name" + i,
浏览 1提问于2013-11-06得票数 0
我在一个段落中有一些空格，需要在写入时输入正确的单词。我有一个函数，检查单词是否正确，另一个功能是将输入的不正确单词的字体更改为红色。
有人知道我的代码哪里出错了吗？当我没有调用isCorrect()函数时，这个函数就能工作，但是我不知道font()函数会有什么问题。
谢谢
function isCorrect(){
var word1 = document.getElementById("word1").innerHTML;
var word2 = document.getElementById("word2").innerHTML;
浏览 0提问于2018-04-24得票数 0
回答已采纳
我最近开始攻读信息学学位，在我的一门课上，我们正在学习基础知识(html、javascript等)。利用我到目前为止学到的东西，我尝试做了一个石头剪刀游戏。然而，这个游戏有很多缺陷: 1.我需要弄清楚如何在user2输入他们的选择时让user1选择消失。2.仅当输入第一个输入和第二个输入时，说明游戏结果的函数才有效；反之亦然。
我对所有的意见/建议都持开放态度！代码如下：
<html>
<head>
<title>JAVASCRIPT 4</title>
<link href="js4 practice.css" rel=&
浏览 0提问于2017-10-25得票数 0
我有一个Javascript函数，它执行以下功能，
单击按钮时隐藏div内容。
从html输入字段获取输入时间(h:m:s)并将其倒计时。
在html p标记中显示计数结果。
function countdownTimeStart() {
/* hide the timer panel div when start button click*/
document.getElementById('timer_panel',).
innerHTML=document.getElementById('time_count'
浏览 0提问于2018-05-01得票数 1
回答已采纳
我得到了一个包含各种输入的表单，默认情况下这些输入没有值。当用户更改一个或多个输入时，所有值，包括空值，在提交时都会在URL GET字符串中使用。
因此，为了清理它，我使用了一些javascript在提交之前删除输入。它工作得很好，但我想知道如何将它放入js函数或整理它。将所有这些都集中到一个onclick中似乎有点混乱。另外，我将添加更多，因此将会有相当多。
下面是相关的代码。对于3个单独的输入，有3个单独的行。该行的第一部分具有引用输入ID ("mf“、"cf”、"bf“、"pf")的值，第二部分引用父div ("dmf”、"dcf“
浏览 1提问于2010-04-22得票数 2
回答已采纳
1回答
我正在尝试修复 ()，因为它说日期是每个月的01TH、02TH和03TH，而我终生找不出它不工作的原因。我没有任何使用JS的经验，但是我对C#很在行，所以它的语法并不难理解。
我意识到这句话才是罪魁祸首：
document.getElementById("monthFC").innerHTML = monthFC + " " + dateFC + "TH";
我试着用下面的代码替换它(我知道它在11号、12号和13号是不正确的)，但仍然失败：
if (dateFC % 10 == 1)
{
document.getElementById(
浏览 0提问于2014-12-08得票数 0
1回答
带有表情符号的If语句
、、、
我刚开始使用javascript，所以如果我说的不清楚，我很抱歉。我正在尝试编写一个函数来查看var emoji是否与指定的emoji相同。我有一个else语句跟在后面--作为一个失败。`
function match1() {
var emoji = document.getElementById("emoji");
if (emoji == "😄"){
document.getElementById("demo").innerHTML = "correct&#
浏览 26提问于2021-05-18得票数 0
2回答
我有一个名为itemtitle的输入。当我点击一个按钮时，名为counter的元素会加1。所以下面的代码适用于第一个项目。计数器div的innerHTML是1，当我输入itemtitle输入时，文本显示在项目1上。
if (document.getElementById("counter").innerHTML === "1"){
$("#itemtitle").keyup(function() {
$("#item1").html($("#itemtitle").val());
});
我再次点击这个按钮，计
浏览 1提问于2013-12-01得票数 0
3回答
我有两个输入框，其中有id no1和no2。我必须在两个输入上放置两个整数值，并且不用任何按钮显示它们的和。我的代码可以工作，但它只显示单个值，而不是计算的和。
当用户输入时，如何实时显示我的附加值？
var c;
var a = document.getElementById("no1");
var b = document.getElementById("no2");
var number = document.getElementById("number");
var m = document.getElementById("m
浏览 0提问于2018-03-21得票数 1
回答已采纳
我的计划是创建一个who服务器(通过node.js)，在那里你可以输入一个日期的建议(包括日期，时间，活动和发帖人)和一个单独的列表，其中可能有活动。我现在的问题是，when服务器似乎在我提交输入之后以及在我更改输入时都会在开始时刷新自己。 我试着这样做：<html> <body> <div class="listing"> <table id="calendar"> <tr>
浏览 5提问于2019-12-20得票数 0
我想要创建一个页面，在用户输入时显示一条消息。但是，当我单击按钮显示消息时，页面立即重新加载并清除页面：
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fibonacci Series</title>
</head>
<body>
<form onsubmit="return getFibonacci()">
<table>
<
浏览 3提问于2022-03-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
