开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

JavaScript getElementByID()不起作用

JavaScript getElementByID()不起作用可能是由于以下原因：

拼写错误：确保使用正确的方法名称 getElementById()，注意大小写。
元素不存在：确保您要获取的元素存在于HTML文档中，并且具有正确的ID属性。
脚本执行顺序：确保在尝试访问元素之前，已经加载并执行了JavaScript代码。
冲突：确保没有其他JavaScript代码或库与您的代码发生冲突。
浏览器兼容性：确保您使用的浏览器支持getElementById()方法。

以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head><script>
function myFunction() {
  var x = document.getElementById("demo");
  x.style.fontSize = "25px"; 
}
</script>
</head>
<body>

<h1 id="demo">Hello World!</h1><button onclick="myFunction()">点击我</button>

</body>
</html>

在这个示例中，我们使用getElementById()方法获取ID为“demo”的元素，并更改其字体大小。如果此代码不起作用，请检查上述可能的原因。

相关搜索:javascript document.getElementById不起作用 javascript getElementById外部函数不起作用 Javascript document.getElementById似乎不起作用 Javascript无法getElementById getElementById不起作用 Javascript getElementById表现奇怪 javascript getelementbyid的问题来自getElementByID的值上的Javascript，parseInt()不起作用 Javascript document.getElementById()在提交按钮后不起作用 javascript增量变量getElementById()Javascript document.getElementById调试 getelementbyid不起作用，返回null 由javascript生成的vba getElementById getElementById不起作用时的函数文档getelementbyid设置值不起作用元素放在javascript之前，但getElementById返回null javascript Javascript document.getElementById CSS不工作？使用onClick的JavaScript - document.getElementByID for循环中的getElementByID( I)不起作用 getElementById在类方法中不起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

一篇文章带你了解JavaScript htmldom 元素

通常，使用JavaScript，想操作HTML元素。要做到这一点，必须先找到元素。有几种方法可以做到这一点。

03

自适应页面高度

困扰了我很久的问题：我很想让一个框架左侧的菜单（控件或者是折叠的LI或者别的），能够自动适应浏览器的变化。因为即使是同一分辨率，页面中的实际高度也不同。不过非常遗憾，网上的文章可谓无数，但基本都不能解决问题。基本上是这两类： 1、页面中嵌了IFrame，希望Iframe不出现滚动条，大小刚刚和页面大小一样，这个基本方法，都是用页面的document.body.scrollHeight属性来完成的。其实我也是用Iframe，因为我的折叠菜单是用css+div实现的，没法用滚动条，所有我

07

最简单的纯js实现点击展开二级菜单功能

虽然，jQuery已经非常好用了，但是实际的开发项目中，还是有很多限制，比如项目组奇葩的要求，不能使用任何插件，当然，也是考虑插件占用资源，毕竟100+KB对与小型项目来说还是非常大的。我最近就遇到做个点击展开二级菜单的要求，当然只能用原生的JS去写来实现，我借鉴了网上的一个案例，补充一下，分享一下：

02

事件绑定的几种常见方式

在项目开发中，经常遇到绑定事件不起作用，或者事件绑定多次，导致重复触发。 1.事件绑定的几种常见方式（以click事件为例） jquery: $(selector).click(function(){...}) $(selector).bind("click",function(){...}) $(selector).live("click",function(){...}) $(document).delegate("selector","click",function(){...}) $(sel

08

canvas学习笔记（七）—-裁切路径

clip（）将当前的路径转换为裁剪路径只能用一次，后续再用，不起作用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>day5-1</title>

02

js事件委托的理解转

http://www.cnblogs.com/liugang-vip/p/5616484.html 这篇文章写的很详细，非常感谢作者。

02

JS-DOM 综合练习-动态添加删除班级成绩表

费了2个小时，才把原理弄懂，把问题逐个解决，当你发现你最后栽的那个点，是一个小石头拌的你，你起来是该哭还是该笑呢？只怪自己习武不精吧。虽然问题都解决了，但是还有一个余留的问题就是鼠标经过input时，怎么修改背景颜色的问题。这一节有点乱，虽然整理的代码编了问题序号。可我相信，再过几天自己回头看肯定还是一头雾水。 so,附上具体问题网址：http://www.imooc.com/code/1636 以下是html整件 <!DOCTYPE html> <html> <head> <meta chars

08

javascript中元素的scrollLeft和scrollTop属性说明

注意：这两个属性只能用于元素设置了overflow的css样式中。否者这两个属性没有任何意义。且overflow的值不能为visible，但可以为hidden,auto,scroll的之中，但是hidden最常见。

02

一篇文章带你了解JavaScript Window History

window.history 对象可以不用窗口window前缀编写。为了保护用户的隐私,有限制的JavaScript可以访问此对象。

01

style="width: _" 与 width="_"

CSS width 和 height 属性可用于所有 HTML 元素。但 HTML width 和 height 属性仅适用于某些元素，如 canvas、img、table、td 等。

03

React基础(4)-理清React的工作方式

前言在接触React之前,我们也许习惯了DOM编程,那它相比于原生JS,JQ编程方式,究竟有什么区别？React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工作方式的优点有

02

React学习(四)-理清React的工作方式

撰文 | 川川在接触React之前,我们也许习惯了DOM编程,那它相比于原生JS,JQ编程方式,究竟有什么区别？React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工

03

css选择器攻略

很多小伙伴对css选择器表示不屑，觉得很简单没必要学习，其实你究竟了解多少呢？当面试官问你的时候，你能分出哪些是css3新增的选择器，他们兼容如何？又该如何处理呢？

03

WordPress中的jQuery库不起作用的相关问题

WordPress 中的jQuery 库问题曾经困扰了我一段时间。如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个jQuery 库，网页速度拖慢了而且根本没有必要。后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至

06

Bootstrap

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局!响应式布局指的是一个网站能够兼容多种终端设备访问!. 终端设备:..电脑、平板电脑、手机

03

vscode 常用设置

bounded 超过word Wrap Column设置的字符数、达到视口最小宽度，则换行

03

解决在页面中无法获取qrcode.js生成的base64的图片

将用户自己的推广连接先通过qrcode.js生成二维码，然后再用后台返回的一张背景图片和二维码通过canvas绘制成一张海报。

01

Ai软件Illustrator 2021 for mac -Ai 2021-2023干货功能

Illustrator 2021 v25.0.0.60 For Mac版是一款十分专业优秀的矢量图形绘制软件，不仅提供了大型画布、面板、画笔、移动工具、矩形工具、对齐工具等各种工具和强大的功能，还提供了超级给力的文字工具，支持自由添加效果、管理样式以及编辑单个字符，从而进行精彩的版式设计，从而可以很好的帮助数以百万计的设计人员和艺术家设计徽标、图标、广告牌、书籍插图、产品包装、wed图形、移动图形等等内容，十分强大。

02

css+div知识温馨

直接对盒子设置margin-left:auto; margin-right:auto ,如果要设置垂直居中，发现这种方法无效，无法通过设置margin:auto让垂直也居中

02

submit方法与onsubmit事件

经常我们的提交表单前都会用js对表单内容作验证，如果有问题，则不希望提单表单。那么，如果阻止表单提交呢？

02

FireFox下Canvas使用图像合成绘制SVG的Bug

所有的事情都会有一个起因。最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺手拈来的事情，早就研究过图形染色的技术。于是我把之前写好的两种算法发给了小伙伴，让他参照实现，第一种算法是操纵像素、第二种使用了图像合成：globalCompositeOperation。所有的事情都可能会有意外，写程序更是如此了。没多久，小伙伴说，第二种算法在firefox下不起作用。

01

FireFox下Canvas使用图像合成绘制SVG的Bug

所有的事情都会有一个起因。最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺手拈来的事情，早就研究过图形染色的技术。于是我把之前写好的两种算法发给了小伙伴，让他参照实现，第一种算法是操纵像素、第二种使用了图像合成：globalCompositeOperation。所有的事情都可能会有意外，写程序更是如此了。没多久，小伙伴说，第二种算法在firefox下不起作用。

00

15BOM编程艺术

BOM提供了独立于HTML页面内容，而与浏览器相关的一系列对象。主要被用于管理浏览器窗口及与测览器窗口之间通信等功能。

02

firefox中用js提交表单

4).form 中所有的组件（按钮，文本框等）的 name/id 也不能命名为”submit” # 当提交按钮的 name 或者 id 为 submit 时候，用 js 提交表单，表单名.submit () 时候会报一个错误，提示对象不支持此属性或办法。

02

在 JavaScript 中对象的深拷贝（及其工作原理）[每日前端夜话0x8F]

当你不想改变原始对象时，就需要克隆对象。例如，如果你有一个接受对象并改变它的函数，可能不想改变其原始对象。

03

PageGuard.js 防止网站内容复制和检测开发者工具代码

检测开发者工具的话，整合了各种较新的方法，经测试是支持 Chrome （包括单独窗口打开的情况）和 Firefox （在单独窗口打开时，只有打开控制台时才能检测到），其他浏览器还没有测试，不过估计 chromium 内核的浏览器也都是支持的

浏览器自动填充密码分析及解决

我们在开发的过程中，经常会遇到一个问题，设置密码的页面，密码框被自动填充了密码，这是什么原因呢？又如何解决呢？

04

python-web.py开发入门（推荐）原

输入运行文件命令。（我这里pycharm2018.2不晓得为嘛terminal调整不了字间距，而且文件路径的/都变了，文字颜色也不晓得哪里能改，其他地方的显示都正常也能修改，这里除了文字大小能调整外，别的都不起作用。TVT）

04

QQ客服右侧悬浮JS实现代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>右侧悬浮 QQ在线客服</title> <meta http-equiv="content-type" content="text/html;chars

04

2-进军 angular1.x 表达式和指令

使用驼峰法来命名一个指令， runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:

02

ueditor富文本编辑器修改框宽度和高度的方法

在使用ueditor的时候，用的textarea <textarea name="content" id="myEditor">这里写这条规则的回复内容</textarea> 给它加style="width:300" 属性的时候，发现不起作用。正确的方法应该是： <script type="text/javascript"> var editor = new UE.ui.Editor({ initialFrameHeight:100,initialFrameWidth:400 }); editor.ren

07

【点滴】如何在JavaScript中清空数组？

在使用 JavaScript 数组时，一个很常见的问题是如何清空数组并删除其所有元素。有几种方法可以解决这个问题，每种方法都各有利弊。

01

Google Earth Engine（GEE）——服务器端错误（指南）！

尽管客户端 JavaScript 具有逻辑一致性，但可能存在仅在服务器上运行时才会显现的错误。以下示例演示了尝试获取不存在的乐队时会发生什么：

01

Google Earth Engine（GEE）——调试（语法和客户端）错误指南！

Earth Engine 不同于用于地理空间数据分析的传统图像处理、GIS 或其他桌面软件。您在 Earth Engine 中创建的算法在 Google 云中运行，分布在多台计算机上。调试可能具有挑战性，因为错误可能发生在客户端 JavaScript 代码或编码指令的服务器端执行中，并且是由扩展问题以及语法或逻辑错误引起的。除非您要求，否则无法检查在云中某处运行的程序部分。本文档介绍了调试策略、工具和解决方案，以帮助您解决常见错误和调试 Earth Engine 脚本。

01

别再说虚拟 DOM 快了，要被打脸的

我经常听到有人在群里，或者在社区里说的一个很严重的错误，那就是说 React 的 Virtual Dom 是以快出名的，比原生 DOM 快多了，啥啥啥的，每次都一两句话说不清楚，所以下次有谁再说 React 是以快出名的，你就把这篇文章丢给他，下面进入正题。

03

CSS隐藏元素的方法

使用CSS隐藏元素的主要方式有diaplay: none;、opacity: 0;、visibility: hidden;、position: absolute; overflow: hidden;、clip-path: polygon(0 0, 0 0, 0 0, 0 0);、height: 0; overflow: hidden;。

02

JavaScript基本入门教程

必须以字母或下划线开头，中间可以是数字、字符或下划线

02

jQuery特效隔行变色

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/115890.html原文链接：https://javaforall.cn

02

AJAX

XMLHttpRequest对象有一个onreadystatechange事件，可以监听这五个状态，它会在XMLHttpRequest对象的状态发生变化时被调用 xmlHttp.readyState属性中存放在此时的状态值通过以上内容，我们可以监听到来自服务器的响应

02

VSCode自定义代码块详解

我们选择一种类型（我这里选择全局作用域类型），并且给这个文件起一个名字，　　ps:名字随便起

03

1 分钟学 6 个常见的 DOM 基础操作（二）

大家好，今天我们来花 1 分钟来学习 DOM 相关的基础操作的第二部分，内容虽然简单，但是还是有必要归纳总结的，希望这些整理对大家有所帮助。

02

如何在使用了updatepanel后弹出提示信息

转载：http://www.cnblogs.com/brusehht/archive/2009/03/19/1416802.html

01

动态语言-Python1.动态语言的定义

动态编程语言是高级程序设计语言的一个类别，在计算机科学领域已被广泛应用。它是一类在运行时可以改变其结构的语言：例如新的函数、对象、甚至代码可以被引进，已有的函数可以被删除或是其他结构上的变化。动态语言目前非常具有活力。例如JavaScript便是一个动态语言，除此之外如PHP、Ruby、Python等也都属于动态语言，而C、C++等语言则不属于动态语言。----来自维基百科

02

在 JavaScript 中以编程方式设置文件输入

但是，对于文件输入字段，情况略有不同。与文本或数字字段不同，简单地设置文件输入字段的值是无效的。

00

前端兼容性问题总结

css兼容性问题 1、标签，不加样式控制的情况下，各自的margin 和padding差异较大。解决方案：css里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的css文件开头都会用通配符*来设置各个标签的内外补丁是0。 2、块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。问题症状:常见症状是ie6中后面的一块被顶到下一行。解决方案：在float的标签样

05

网页中代码的顺序是不可忽略的细节

仿佛奇怪的问题总是喜欢找上那些初学者。当我在学习制作网页的时候，经常遇到一些很特别的问题。例如：刚刚添加的样式不起作用、jQuery 的代码老是不起作用等等，这些问题往往是不关注细节导致的。而今天我要谈的这个细节，就是关于网页中代码的顺序。没错，代码也是有顺序的，顺序不对有可能会出现一些意外的情况。

03

jQuery:delegate中select()不起作用的解决方法

jQuery有一个很好用的delegate(事件委派)功能，可以给当前以及将来(动态添加)的元素绑定一个事件处理函数。比如下面的例子，动态添加一个输入文本框后，我想让所有文本框（不管是不是动态添加的）在获取焦点时，自动转大写。 <!doctype html> <html> <head> <title>delegate测试</title> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery

05

双击文本没有被选中

IE浏览器使用document.selection当前用户激活对象选择区域，通过后获取当前用户的操作区document.selection.empty()功能来实现双击选定的文本不起作用。不IE浏览器使用window.getSelection对象选择当前用户激活区域。在获取当前用户操作区域后通过removeAllRanges()函数实现双击不选中文本功能

01

Web自动化之Headless Chrome编码实战

API 概览 && 编码Tips 文档地址 github Chrome DevTools Protocol 协议本身的仓库有问题可以在这里提issue github debugger-protoc

Web自动化之Headless Chrome编码实战

API 概览 && 编码Tips 文档地址 github Chrome DevTools Protocol 协议本身的仓库有问题可以在这里提issue github debugger-protocol-viewer 协议API文档的仓库 API 文档地址 API展示的地方，这个经常用常用API Network 网络请求、Cookie、缓存、证书等相关内容 Page 页面的加载、资源内容、弹层、截图、打印等相关内容 DOM 文档DOM的获取、修改、删除、查询等相关内容 Runtime JavaScr

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭