跟着视频敲的,视频里的能实现,我的不行,有onclick事件,但是背景色不变html>

点击设置p标签背景色

div {

width: 200px;

height: 400px;

border: 1px solid red;

}

这是一个span

这是一个p

这是一个span

这是一个p

这是一个span

这是一个p

这是一个a

my$("btn").onclick = function () {

//获取div

var dvObj = my$("dv");

//console.log(dvObj);

//获取div下所有的子节点

var nodes = dvObj.childNodes;

console.log(nodes.length);

//循环遍历所有的子节点

for (var i = 0; i

//判断这个子节点是不是p标签

if (nodes[i].nodeType == 1 && nodes[i].nodeName == "p") {

nodes[i].style.backgroundColor = "red";

}

}

}

在敲nodes.length的时候webstrom提示的length是被划掉的,是不能用length嘛

html5单击修改背景色,用获取节点的方式实现点击按钮改变标签背景颜色的问题...相关推荐

  1. html5单击修改背景色,js实现点击ul/li等改变背景颜色

    今天项目遇到了标题所说的问题,找到一篇很高效的例子,值得学习. Change.html body li{ list-style-type: none; } 文字文字文字 function g(x) { ...

  2. 【微信小程序教程】点击按钮修改view标签背景颜色

    1.效果展示 2.操作步骤: 数据绑定view样式背景属性值 通过逻辑文件设置该背景属性初始值 通过点击按钮修改背景属性值 3.关键代码 4.源代码获取方式 百度云链接:http://pan.baid ...

  3. php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多,不刷新页面加载更多数据!附:可用源码+demo...

    先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...

  4. 网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法

    网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...

  5. HBuilderx修改主题色-为css属性名与值添加颜色,改变编辑器背景颜色等

    hbuilderx主题设置 效果 步骤 hbuilderx总共有三种主题,绿柔主题Default,酷黑主题Monokai,雅黑主题Atom One Dark,修改主题色是基于三种主题之一的,不能直接创 ...

  6. java获取单击内容,java – 单击菜单链接时,获取元素不是可点击的异常

    我想点击菜单链接但没有运气.它总是显示异常 – Exception in thread "main" org.openqa.selenium.WebDriverException: ...

  7. python点击按钮改变图片_单击tkinter按钮时更改图片

    点击了python和一些按钮后,会产生一些颜色变化的按钮 当单击按钮时,是否可以更改按钮使用的.gif?我希望它在GPIO引脚关闭时显示ON,在GPIO引脚打开时显示off.在 目前我有:#BCM17 ...

  8. js点击按钮改变字体大小并给他颜色_如何在Elementor中修改文本的字体、大小、颜色、样式...

    本文将介绍Elementor网页编辑器中如何修改文本的字体.大小.颜色和样式. 原文首发于:https://loyseo.com/how-to-change-font-size-color-famil ...

  9. java单击按钮切换图片_JAVA点击按钮改变背景图片 跪求代码·

    展开全部 // 不加包,图片跟类文件在62616964757a686964616fe4b893e5b19e31333262383634一个目录,命令行下编译执行就行了 // 如果建工程,图片放到工程根 ...

最新文章

  1. $0,$?,$!,$-,$*,$@,$#等的特殊用法
  2. Stimulsoft Reports.Net基础教程(十):创建图表报表②
  3. 在 Visual Studio 中使用 Q# 进行量子编程
  4. 终身学习这件事,比你想的还要重要
  5. Docker安装gogs git仓库
  6. pyqt漂亮gui界面模板_一种基于模板的C代码自动生成方法
  7. google的一些秘密入口
  8. MySQL(25)---- ALTER命令
  9. 打造IOS移动***测试平台
  10. Linux服务器安装JavaWeb环境(一) Jdk,Maven,Nginx,Tomcat
  11. rhel6下,mysql 5.6.14 主从复制(也称mysql AB复制)环境配置[基于binlog]
  12. sql生成(查询数据的存储过程)代码的存储过程
  13. 源码大招:不服来战!撸这些完整项目,你不牛逼都难! 1
  14. 小程序实时货币汇率计算
  15. 电压源和电流的关联参考方向_电压电流为关联参考方向.PPT
  16. Qt 实现 别踩白块儿。
  17. Vuejs路由出现‘login/12/login/12/login/12/test’重复地址的解决办法
  18. HCIA-Big Data华为认证大数据工程师在线课程笔记
  19. 本地腾讯滑块识别DLL/本地通用验证码识别DLL/文字点选/图标点选/本地识别DLL
  20. CUDA C编程(三十八)CUDA调试

热门文章

  1. IOS之block,一点小心得
  2. 最短路(hdu4725)(建点巧妙)
  3. package 和 install的区别
  4. BeanUtils.getProperty取得集合全部数据
  5. ecshop 全站内页 显示最新文章
  6. Flutter GetX 状态管理 使用入门 程序计数器 (二)
  7. flutter底部导航栏
  8. Nginx+Tomcat搭建集群环境
  9. python练习题-day2
  10. thinkphp 5.0 代码执行漏洞