首页 > 代码库 > js基础七

js基础七

dom对象
```
返回当前文档的标题 document.title
返回文档完整的url,无法对document.URL进行赋值,

```
```
获取标签的四种方式:
document.getElementById("elementID");获取标签元素节点
document.getElementsByTagName("tagname");标签名的对象的集合
document.getElementsByName("name");名称的对象的集合
document.getElementsByClassName("classname");类名的元素集合

(function(){
//获取标签的时候浏览器提供的方法
var h1 = document.getElementById(‘title‘); 获取标签返回这个标签的单个对象 其他的三个是返回到集合
console.log(h1) //id选择器所选择的的,当html中没有的浏览器,打印后显示是null
getElementsByTagName 返回带有指定标签名的对象集合
document.getElementsByNagName(‘‘) 通过标签名来获取获取多个元素,会显示一组标签,返回值并不是数组,是元素集合(对象集合) 显示出来是数组,但是不是数组,只是和数组类似结构,没有不具备数组类型的对象才拥有的方法
html中没有出现过得标签,就会是一个长度为0的集合
getElementsByName
getElementsByClassName根据类名来获取对象集合,会有兼容性问题,低版本ie浏览器不支持

})()
```

获取标签以后可以对这些标签进行哪些操作呢?
设置标签里的属性值
获取标签属性值的两种方式:1,通过dom对象同名属性来获取
2,通过调用dom对象的getAttribute()方法来获取
以上两种方法的区别,1,对于文本框的value而言,同名属性而言,同名属性这种方式获取到的是文本框的当前值,而getAttribute()获取到的是文本框的初始值,2,如果要获取 标签的class属性的值,如果使用同名属性的方式,那么对应的属性名是className;3,如果要获取标签的非标准属性,只有getAttribute这种方式能获取到
input.className=‘red‘
input.getAttribute(‘class‘,‘red‘) 设置的属性名 +属性值


按钮绑定事件,点击按钮时的时候浏览器调用函数
div.style = ‘background-color:red‘;这样写会有浏览器兼容性问题
div.style.width = ‘100px‘;
div.style[‘background-color = ‘red‘];ie浏览器不支持,应当改成div.style[‘backgroundColor = ‘red‘]
要更改中间带‘-‘的样式,把中间改成驼峰命名法,如上

js基础七