JS中attr和prop属性的区别

JS中attr和prop属性的区别如下：

1、attr是attribute的缩写，是一个特性节点，每个DOM元素都有一个对应的attributes属性来存放所有的attribute节点，attributes是一个类数组的容器，说得准确点就是NameNodeMap，总之就是一个类似数组但又和数组不太一样的容器。attributes的每个数字索引以名值对(name=”value”)的形式存放了一个attribute节点。

上面的div元素的HTML代码中有class、id还有自定义的gameid，这些特性都存放在attributes中，类似下面的形式：

[ class="box", id="box", gameid="880" ]

可以这样来访问attribute节点：

var elem = document.getElementById( 'box' );

console.log( elem.attributes[0].name ); // class

console.log( elem.attributes[0].value ); // box

2、与之对应的property属性，比较特殊的是一些值为Boolean类型的property，如一些表单元素：

var radio = document.getElementById( 'radio' );

console.log( radio.getAttribute('checked') ); // checked

console.log( radio.checked ); // true

对于这些特殊的attribute节点，只有存在该节点，对应的property的值就为true，如：

var radio = document.getElementById( 'radio' );

console.log( radio.getAttribute('checked') ); // anything

console.log( radio.checked ); // true

3、了更好的区分attribute和property，基本可以总结为attribute节点都是在HTML代码中可见的，而property只是一个普通的名值对属性。

一、在xml文件里可以直接设置：

android:background="#ffffff"

其他颜色可以看这里;http://blog.csdn.net/yanzi1225627/article/details/8581270

二、在java文件里设置：

LinearLayout myLayout = () findViewById(R.id.linearLayout1);

myLayout.setBackgroundColor(Color.WHITE);

三、在AndroidManifest.xml里利用android:theme来设置，这个命令还是很强大的，如下所示：

theme的设置 可以设置为系统自带的格式，也可以自定义格式。

A: 系统自带格式

@android:style/Theme.Black //背景黑色-有标题-非全屏

@android:style/Theme.Black.NoTitleBar //背景黑色-无标题-非全屏

@android:style/Theme.Black.NoTitleBar.Fullscreen //背景黑色-无标题-全屏显示

@android:style/Theme.Dialog //对话框显示

@android:style/Theme.InputMethod

@android:style/Theme.Light //背景白色-有标题-非全屏

@android:style/Theme.Light.NoTitleBar //背景白色-无标题-非全屏

@android:style/Theme.Light.NoTitleBar.Fullscreen //背景白色-无标题-全屏显示

@android:style/Theme.Light.Panel

@android:style/Theme.Light.WallpaperSettings //背景透明

@android:style/Theme.NoDisplay

@android:style/Theme.Translucent.NoTitleBar.Fullscreen //半透明、无标题栏、全屏

@android:style/Theme.Wallpaper.NoTitleBar.Fullscreen

可以在单个Activity里设置，也可以在applicaiton里全局设置。比如：

B:也可以自定义

在activity里加入 android:theme="@style/MyTitleBar" 再在 style.xml里加入

50dip

@style/MyTitleBackground

@style/WindowTitle

@drawable/bg_topbar

true

这里的parent是继承于android:Theme，所以在下面的样式里，只能是window开头的样式才起作用，所有样式请参考\sdk\docs\reference\android\R.attr.html，

也可以设置windowTitleBackgroundStyle 为@style/MyTitleBackground，这样就可以在MyTitleBackground里，设置背景图。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com