为什么我的html元素的id元素没有被javascript正确处理？
可能的原因有以下几点：
- 元素不存在：首先要确保你的HTML元素确实存在于页面中，并且在JavaScript代码执行时已经加载完毕。可以通过在页面加载完成后执行JavaScript代码的方式来避免这个问题，比如将代码放在window.onload事件中。
- 元素id命名冲突：确保你的HTML页面中没有其他元素使用了相同的id。id在整个HTML文档中应该是唯一的，如果有多个元素使用了相同的id，JavaScript可能无法正确处理。
- JavaScript代码位置错误：如果你的JavaScript代码在HTML元素之前执行，那么它可能无法正确处理元素的id。确保你的JavaScript代码在HTML元素之后执行，或者将代码放在页面底部。
- JavaScript语法错误：检查你的JavaScript代码是否存在语法错误，这可能导致代码无法正确处理元素的id。可以使用浏览器的开发者工具来查看控制台是否有报错信息。
- JavaScript代码未正确获取元素：确保你的JavaScript代码使用了正确的方法来获取元素。常用的方法有getElementById、querySelector等，根据你的需求选择合适的方法来获取元素。
如果以上方法都没有解决问题，可以提供更多的代码和具体情况，以便更好地帮助你解决问题。
相关·内容
6回答
Javascript getElementByID
javascript、codeigniter、getelementbyid
我使用的是Javascript2.0，我想用CodeIgniter更改div中的内容，但我似乎无法“获得”它。下面是一个简化版本来演示我的问题：
我的控制器：
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Index extends CI_Controller {
function __construct()
{
parent::__construct();
}
function inde
浏览 2提问于2011-01-30得票数 1
回答已采纳
2回答
更改硬编码的JS变量值
javascript、jquery、html、variables
我正在使用一个第三方应用程序，他们有一个JS变量硬编码到他们的HTML中，我需要用Javascript或jQuery来修改/更新，这两个变量都可以使用。
第三方应用程序的变量硬编码到页面中：
<script type="text/javascript" charset="utf-8">
var order_poNumber = "";
</script>
当用户从下拉列表(我的下拉列表，而不是第三方)中选择一个值时，它将被更新：
<script type="text/javascript" chars
浏览 0提问于2014-10-31得票数 1
回答已采纳
2回答
可能重复：
在HTML标记之前，我运行一些php代码。在此期间，我需要包括一些javascript行，如
..php code...
..javascript code...
..php code..
<html>
<head>
</head>
<body>
<input type="file" name="file" id="file">
</body>
</html>
在javascript代码中，我想隐藏file元素。
这没什么用：
..php c
浏览 1提问于2013-01-02得票数 1
回答已采纳
1回答
HTML5的画布可以处理在其中绘制的多个图像吗？
php、javascript、html
输出页面： The Code：
直接问题:我是不是采用了错误的方法，或者HTML5不能在一个画布上处理这么多图像？
细节:我用PhP、HTML5和Javascript做了一个脚本，以便为我想要完善的装扮功能测试一些代码。当我完成时，它工作得很好。然后我开始刷新页面，看看画布加载/响应的速度有多快。
有些图像有时会无法显示，再刷新几次后，画布上就什么也不会显示了。
我以这种方式决定代码，这样我就不必费心使用GD库，而且如果我想添加一个动画Gif，我就不需要对代码做太多工作(或者至少我不认为我必须这么做)。
浏览 1提问于2012-09-24得票数 4
回答已采纳
4回答
无法将属性InnerHTML设置为null
javascript、html
我有一个简单的html页面，在body标记中没有代码。我想通过javascript在body标签中插入html。
我的javascript文件如下所示。
var Global={
UserWall:function(){
return "a very long html code";
}
};
var globalObject=Object.create(Global);
document.getElementsByTagName("body").item(0).innerHTML=globalObject.Us
浏览 1提问于2012-06-23得票数 18
回答已采纳
2回答
外部javascript window.onload早期触发
javascript、onload、external-js
我有一个引用外部javascript文件的页面，当我告诉它在加载上运行一个函数时，它会给我带来错误(我假设它是在加载页面之前触发的)。“无法设置属性'innerHTML‘为空”
在加载页面之后，我需要做些什么才能触发run()？
HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<
浏览 5提问于2014-06-25得票数 0
回答已采纳
2回答
加载页面后加载javascript
javascript、load、deferred
我读了很多主题，尝试了很多东西，但我无法得到我想要的。我只是在页面末尾移动了js代码，现在我得到了一些错误。
我的页面是这样的：
<html>
<head>
bla bla
</head>
<body>
bla bla
<div class="advertising">
<script type="text/javascript" defer="defer">
window.onload = adsense(
浏览 6提问于2011-12-05得票数 0
回答已采纳
4回答
getElementID，有人能告诉我为什么这个不起作用吗？
javascript
我正在努力学习JavaScript..我正在试着遵循这些例子..我不能让这个getElementById正常工作。为什么在警告框中显示为空，而不是实际的段落？
<html>
<head>
<script type="text/javascript">
var x = document.getElementById('excitingText');
alert(x);
</script>
</head>
<body>
<h1
浏览 0提问于2013-06-25得票数 0
2回答
加载特定Javascript后显示页面
javascript、html、css
如果一个特定的javascript没有完全加载，我不想显示html页面内容。当这个javascript加载时，我想显示空白页面。Javascript位于.js文件中，因此在html页面中如下所示：
<script src = "file.js"></script>
浏览 10提问于2018-08-25得票数 0
1回答
以脚本呈现的ID为目标
javascript、getelementbyid
我使用了一个很棒的小脚本，叫做Tabifier ()。
现在，长话短说，这个脚本，我在我的head标记中运行，创建了一个带有包含<a>的<li>的<ul>。在head标记中，它还创建了这些<a>的ID。当我检查加载的站点时，我可以清楚地看到存在的ID标记。但是，我不能使用getElementById调用它们。我一直在用
<script>
document.getElementById('rightpanelnav1').style.padding='200px';
</script
浏览 0提问于2013-03-27得票数 2
回答已采纳
2回答
只在单页中运行字符计数javascript函数
javascript
我有一个页面，它有编辑信息的表单。我编写了一个简单的javascript代码来计算这个页面加载后的字符数。所以我把<body onload='charCount()'>。它工作得很好，但问题是当加载了其他页面时，我得到了javascript错误:无法从元素id=title获得值。我的整个网站使用相同的页眉和页脚，身体标签在页眉中。
是否只在特定页面上运行此javascript？我也试着放<form onload='charCount()'>，但我没有工作。
这是我的html页面：
<html>
<body onload=
浏览 6提问于2015-03-18得票数 0
回答已采纳
2回答
Window.onload与程序执行
javascript、onload
当使用过程样式时，代码似乎以元素的错误宽度维度执行(我怀疑在创建元素之前代码正在执行)，当我刷新页面时，一切都很好。
问题：
<html>
<head></head>
<body>
<div id="parent">
</div>
<script language="javascript" type="text/javascript">
create_object(); //
浏览 4提问于2014-10-11得票数 0
回答已采纳
3回答
Javascript找不到我的div
javascript、html
我有一个带有div的HTML文件和一个javascript文件，它将这个div用作函数中的一个变量，如下所示：
<div id="foo"></div>
和JS
foo = document.getElementById("foo");
function bar() {
foo.innerHTML = "foobar"
}
但是当我运行bar (在加载之后，在控制台中)时，它会说bar是未定义的，并且不会将foo.innerHTML更改为"foobar"
UPDATE：加载页面后，我在控制台中调用bar
浏览 1提问于2015-09-02得票数 0
回答已采纳
1回答
在使用浏览器工具进行检查时，HTML元素的大小与使用Javascript获取大小的情况不同
javascript、jquery、wordpress
我在Javascript文件中使用了几种不同的方法来获取站点上固定标头的高度，然后将该高度设置为主内容的填充(因此在加载时，内容位于固定的标头之下。
我使用的是getClientBoundingRect和jquery。每个方法都返回相同的结果(即在这个实例56中)，但是当我通过浏览器工具检查元素时，标题的高度是不同的(在这个实例中是98px)。只有当我重新加载页面时，Javascript才返回正确的高度。当我在下面的页面加载后直接在控制台中运行javascript时，它会返回正确的值。
此外，我首先尝试使用767 to以下的屏幕宽度多次重新加载来模拟移动。与浏览器检查器所显示的内容相比，任何重
浏览 1提问于2021-01-24得票数 1
回答已采纳
1回答
jQuery (window).load()未第二次访问
javascript、jquery、wordpress、dom
我在WordPress主题上工作，有一个预加载屏幕，这个屏幕在整个页面完全加载后隐藏，我的代码在过去的几个月里工作得很好，但现在预加载屏幕没有隐藏，因为代码没有进入(window).load()或window.onload = function ()。
(function ($) {
console.log("Start");
window.onload = function () {
console.log("Done");
};
})(jQuery);
结果是“开始”，即使页面已经完全下载，并且浏览器显示了整个页面。
信
浏览 0提问于2016-07-30得票数 0
3回答
javascript加载问题
javascript
当我试图在脚本标记后编写像document.getElementById('id1')这样的代码时，它显示document.getElementById(..)空或不是对象..是否有必要仅在函数中编写document.getElementById('id1')。如果我在函数中写这段代码，那么它就是接受的。所以这里的错误是..如果我想在加载页面时执行一个函数，那么在哪里编写onLoad()函数..我试图在写入，但它不加载..请帮帮我谢谢
浏览 0提问于2010-12-13得票数 0
回答已采纳
1回答
脚本是否会加载异步属性延迟onload事件？
javascript、html、dom
我在HEAD部分有一个带有script标签的页面：
<script src="somescript.js" type="text/javascript" async></script>
由于它包含async属性，所以它异步加载，浏览器在不等待下载此脚本的情况下解析页面。一旦下载，此脚本将执行，也是异步的，这样浏览器就可以继续解析页面。
该脚本一旦下载，将执行一些操作，并通过类似的内容动态插入另一个脚本：
var a = document.createElement('script');
a.type = '
浏览 2提问于2015-04-12得票数 8
3回答
Javascript窗口在一个文件和依赖函数中加载并在另一个文件中调用:执行顺序
javascript
我有两个Javascript文件：
drawField.js和updateState.js
drawField.js有这样的电话：
window.onload = function() {
drawField(10);
}
它创建一个元素<div id="game-field">。
在updateState.js文件中，我使用了该元素：
function getGameField() {
var gameDivs = document.getElementById("game-field").children;
conso
浏览 2提问于2019-03-01得票数 1
回答已采纳
2回答
javascript在自定义js文件中单击null
javascript、html
我只是想检测一下点击一个A链接来显示一个警报框。每当我将脚本放在我的一个链接所在的php文件中时，它就工作得很好，但是每当我将它放在我的自定义JS文件中时，它就不会检测到它，并且我得到了错误'Uncaught TypeError :无法设置属性“onclick of null‘。
php页面和自定义js页面之间的链接肯定是工作的，因为我在页面上有以前的工作代码。它根本不会检测到我的A链接，它位于外部脚本中。
HTML
<a id="ConfirmHolidayClose" href="#">
<img src="asse
浏览 3提问于2016-11-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
