javascript（九）Dom对象

DOM对象：通过JS的方式获取到的HTML标签，称之为DOM对象。
获取对象：
document.getElementById(‘id’);
document.getElementsByName(‘name’); //form表单中
document.getElementsByTagName(‘标签名’);
document.getElementsByClassName(‘class’);
说明：
1、通过id方式获取对象是一个单一的对象。
2、其余三种是获取到的一维索引数组，不可以直接操作。
获取对象属性：
方式：对象.属性名称
说明：一般情况下直接对象.属性值就可以，但是有一些属性属于不同的写法
例如:class获取需要.className,获取对象属性时，需要对象具有此属性，否则返回undefined
设置对象属性：
方式：对象.属性名称 = 值;
示例：

document.getElementById('my').style.backgroundColor = 'red';

常用对象属性：
id：对象的id值
css：对象的css样式
name：对象的name值
value：对象的value值
className：对象的class值
innerHTML：对象的内容(获取对象内容，包含代码、空格、文本等)
innerText：对象的内容(获取对象的文本内容)
批量设置css样式：

obj.style.cssText = 'width:300px;height:100px;';

表单元素的属性获取： checked、selectedIndex、readOnly、disabled

//获取checked为真返回true否则返回false
alert(document.getElementsByName("sex")[1].checked);
//获取selected 返回哪个被默认选中
alert(document.getElementById("select").selectedIndex);
//获取readOnly为真返回true否则返回false
alert(document.getElementsByName("tel")[0].readOnly);
//获取disabled为真返回true否则返回false
alert(document.getElementsByName("sex")[0].disabled);