android 排他button,javascript排他思想

排他思想:

干掉所有人，设置我自己，先将所有人全设置为"",然后再设置当前的值

1、含义：关于排他思想，我的理解就是先排除掉其他的(包括自己) ，最后再给自己(this)加想要的效果。

2、小思路：

a. 通过document.ElementsBytagName();选择需要的一类标签,获得一个伪数组

b.由于是伪数组的原因，而对数组的处理最多的是遍历，所以会用到for(); 通过循环可以排除掉其他(包括自己)

c.遍历后可以用this改变自己的样式

3、数组都会有下标(索引号)，在遍历伪数组的时候就可以利用自定义属性记录它的索引号,如下 arr[i].index=i;

比如：获得一组button标签，点击button按钮时，改变每个按钮的颜色

html

点击改变颜色

css

.yanse {

background-color: aqua;

}

//获得一类button标签，得到伪类数组

var btns = document.getElementsByTagName('button');

由于是伪数组的原因，而对数组的处理最多的是遍历，

所以会用到for(); 通过循环可以排除掉其他(包括自己)

for (var i = 0;i < btns.length;i++) {

//给每个button加点击事件

btns[i].onclick = function() {

//通过循环可以排除掉其他(包括自己)

for (var j = 0;j < btns.length;j++) {

//排除其他

btns[j].className = '';

}

//遍历后可以用this改变自己的样式

this.className = 'yanse';

}

效果图

图片.png

android 排他button,javascript排他思想相关推荐

Android WebView 和 javaScript的互相调用(三)
原文出处:http://motalks.cn/2016/08/27/Android-WebView-JavaScript-2/ WebView相关阅读 Android WebView 和 javaSc ...
Android WebView 和 javaScript的互相调用(一)
原文出处:http://blog.csdn.net/wangtingshuai/article/details/8631835 WebView相关阅读 Android WebView 和 javaSc ...
Android WebView与JavaScript交互详解
近期工作项目中遇到Android的WebView与js交互问题,之前也知道有这方面的技术可以实现.但在用的过程中,却发现还是需要用电心思. 现把我所了解的分享给大家,希望可以帮助到做类似项目的童鞋. ...
android 按钮放中间,Android实现button居中的方法
本文实例讲述了Android实现button居中的方法.分享给大家供大家参考.具体如下: 通过在main.xml 或者其他xml 布局文件中布局Button的时候,选择Android:gravity= ...
Android WebView 和 javaScript的互相调用(二)
原文出处:http://blog.csdn.net/wangtingshuai/article/details/8635787 WebView相关阅读 Android WebView 和 javaSc ...
自定义背景android,Android自定义Button并设置不同背景图片的方法
本文实例讲述了Android自定义Button并设置不同背景图片的方法.分享给大家供大家参考,具体如下: 1.自定义MyButton类 public class MyButton extends Bu ...
android 使用javascript,可以在Android中使用JavaScript吗？
可以在Android中使用JavaScript吗?如果是这样,怎么办?请提供一些示例. 谢谢. 最佳答案我在这里参加聚会很晚,但是我确实有这个需要. iOS 7现在包含JavaScriptCore ...
android onclick方法吗,Android中button的onClick事件几种方法
Android中button的onClick事件几种方法发布时间:2020-09-03 02:36:31 来源:脚本之家阅读:100 作者:水桶前辈 Android中button的onClick事 ...
Android Studio Button背景颜色无法修改
关于Android Studio Button背景无法修改,一直呈现亮紫色作为安卓初学者,发现Button的背景颜色无法修改,也没法链接到drawable的样式xml文件,前前后后折腾了好久,查阅了 ...

android 排他button,javascript排他思想

android 排他button,javascript排他思想相关推荐

最新文章

热门文章