html5单击修改背景色,用获取节点的方式实现点击按钮改变标签背景颜色的问题...
跟着视频敲的,视频里的能实现,我的不行,有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单击修改背景色,用获取节点的方式实现点击按钮改变标签背景颜色的问题...相关推荐
- html5单击修改背景色,js实现点击ul/li等改变背景颜色
今天项目遇到了标题所说的问题,找到一篇很高效的例子,值得学习. Change.html body li{ list-style-type: none; } 文字文字文字 function g(x) { ...
- 【微信小程序教程】点击按钮修改view标签背景颜色
1.效果展示 2.操作步骤: 数据绑定view样式背景属性值 通过逻辑文件设置该背景属性初始值 通过点击按钮修改背景属性值 3.关键代码 4.源代码获取方式 百度云链接:http://pan.baid ...
- php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多,不刷新页面加载更多数据!附:可用源码+demo...
先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...
- 网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
- HBuilderx修改主题色-为css属性名与值添加颜色,改变编辑器背景颜色等
hbuilderx主题设置 效果 步骤 hbuilderx总共有三种主题,绿柔主题Default,酷黑主题Monokai,雅黑主题Atom One Dark,修改主题色是基于三种主题之一的,不能直接创 ...
- java获取单击内容,java – 单击菜单链接时,获取元素不是可点击的异常
我想点击菜单链接但没有运气.它总是显示异常 – Exception in thread "main" org.openqa.selenium.WebDriverException: ...
- python点击按钮改变图片_单击tkinter按钮时更改图片
点击了python和一些按钮后,会产生一些颜色变化的按钮 当单击按钮时,是否可以更改按钮使用的.gif?我希望它在GPIO引脚关闭时显示ON,在GPIO引脚打开时显示off.在 目前我有:#BCM17 ...
- js点击按钮改变字体大小并给他颜色_如何在Elementor中修改文本的字体、大小、颜色、样式...
本文将介绍Elementor网页编辑器中如何修改文本的字体.大小.颜色和样式. 原文首发于:https://loyseo.com/how-to-change-font-size-color-famil ...
- java单击按钮切换图片_JAVA点击按钮改变背景图片 跪求代码·
展开全部 // 不加包,图片跟类文件在62616964757a686964616fe4b893e5b19e31333262383634一个目录,命令行下编译执行就行了 // 如果建工程,图片放到工程根 ...
最新文章
- $0,$?,$!,$-,$*,$@,$#等的特殊用法
- Stimulsoft Reports.Net基础教程(十):创建图表报表②
- 在 Visual Studio 中使用 Q# 进行量子编程
- 终身学习这件事,比你想的还要重要
- Docker安装gogs git仓库
- pyqt漂亮gui界面模板_一种基于模板的C代码自动生成方法
- google的一些秘密入口
- MySQL(25)---- ALTER命令
- 打造IOS移动***测试平台
- Linux服务器安装JavaWeb环境(一) Jdk,Maven,Nginx,Tomcat
- rhel6下,mysql 5.6.14 主从复制(也称mysql AB复制)环境配置[基于binlog]
- sql生成(查询数据的存储过程)代码的存储过程
- 源码大招:不服来战!撸这些完整项目,你不牛逼都难! 1
- 小程序实时货币汇率计算
- 电压源和电流的关联参考方向_电压电流为关联参考方向.PPT
- Qt 实现 别踩白块儿。
- Vuejs路由出现‘login/12/login/12/login/12/test’重复地址的解决办法
- HCIA-Big Data华为认证大数据工程师在线课程笔记
- 本地腾讯滑块识别DLL/本地通用验证码识别DLL/文字点选/图标点选/本地识别DLL
- CUDA C编程(三十八)CUDA调试