相关文章推荐
爱运动的围巾  ·  浏览器的同源策略 - Web 安全 | MDN·  3 周前    · 
年轻有为的弓箭  ·  使用js创建txt/js/json文件,并且 ...·  2 周前    · 
谦逊的毛豆  ·  JS导出文本为文本文件-天翼云·  2 周前    · 
睡不着的抽屉  ·  JavaScript实战 - ...·  1 周前    · 
任性的鸡蛋  ·  从隐藏div开始,然后使用Animate.c ...·  1 周前    · 
体贴的仙人掌  ·  在“输入”步骤中添加更多数据 - Tableau·  8 月前    · 
曾经爱过的松树  ·  11种将InputStream转换成Stri ...·  1 年前    · 
飞翔的豆浆  ·  java.net.SocketTimeout ...·  1 年前    · 
温柔的煎鸡蛋  ·  小记:java.lang.StackOver ...·  1 年前    · 
踢足球的豌豆  ·  win10 uwp ...·  1 年前    · 
Code  ›  未捕获的类型错误:无法读取 javascript 中未定义的属性“样式” -
javascript
https://segmentfault.com/q/1010000043008538
纯真的核桃
1 年前
segmentfault segmentfault
注册登录
问答 博客 标签 活动
发现
✓ 使用“Bing”搜本站 使用“Google”搜本站 使用“百度”搜本站 站内搜索
注册登录
  1. 首页
  2. 问答
  3. Stack Overflow 翻译
  4. 问答详情

未捕获的类型错误:无法读取 javascript 中未定义的属性“样式”

社区维基
1
发布于
2022-12-08
新手上路,请多包涵

我正在尝试使用 javascript 设置 div 元素的某些属性,但未设置属性,我在浏览器中使用了检查模式,它说:Uncaught TypeError: Cannot read property ‘style’ of undefined

我已经尝试使用 ID 属性来获取元素甚至 querySelector 方法,但没有任何变化

<div id="app"> <div class="box"></div> <script> var boxElement = document.getElementsByClassName('.box')[0]; boxElement.style.width = 100; boxElement.style.height = 100; boxElement.style.backgroundColor = '#f00'; </script> </body>

原文由 Eduardo 发布,翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译 javascript html css
阅读 179
2 个回答
得票 最新
社区维基
1
发布于
2022-12-08
✓ 已被采纳

getElementByClassName 表示选择器的名称是一个类,因此您不需要在它前面加点。与您不需要 # with getElementById 一样。

 var boxElement = document.getElementsByClassName('box')[0];

编辑:正如其他人已经指出的那样,不需要 getElementByClassName() 函数,您可以只使用 querySelector() 函数以避免数组作为结果。

原文由 Patrik Alexits 发布,翻译遵循 CC BY-SA 4.0 许可协议

社区维基
1
发布于
2022-12-08

语法不正确。删除 . 中的 getElementsByClassName('.box') 。

 
推荐文章
爱运动的围巾  ·  浏览器的同源策略 - Web 安全 | MDN
3 周前
年轻有为的弓箭  ·  使用js创建txt/js/json文件,并且写入数据_js创建文件并写入
2 周前
谦逊的毛豆  ·  JS导出文本为文本文件-天翼云
2 周前
睡不着的抽屉  ·  JavaScript实战 - JavaScript 中实现线程锁_js 线程锁
1 周前
任性的鸡蛋  ·  从隐藏div开始,然后使用Animate.css fadeIn和fadeOut进行切换开发者社区
1 周前
体贴的仙人掌  ·  在“输入”步骤中添加更多数据 - Tableau
8 月前
曾经爱过的松树  ·  11种将InputStream转换成String的方法以及性能分析_inputstream转换为string-CSDN博客
1 年前
飞翔的豆浆  ·  java.net.SocketTimeoutException: Read timed out问题排查_datainputstream read timed out-CSDN博客
1 年前
温柔的煎鸡蛋  ·  小记:java.lang.StackOverflowError(堆栈溢出错误)_打开网页出现处理程序调度失败,嵌套异常 java.lang。堆栈溢出错误-CSDN博客
1 年前
踢足球的豌豆  ·  win10 uwp 通知列表-腾讯云开发者社区-腾讯云
1 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号