js获取对象的方法

获取标签对象的方法

获取标签对象的方法
1） 通过id获取 document.getElementById(‘box1’)
2） 通过类名获取 var boxs =document.getElementsByClassName(‘box’); 得到的结果是一个类数组格式，可以通过下标获取对象boxs[0], 如果下标超过最大长度得到undefined而不会报错
3) 通过标签名获取var lis=document.getElementsByTagName(‘li’); 得 到的结果是一个类数组格式，可以通过下标获取对象 lis[0], 如果下标超过最大长度得到undefined 而不会报错
html5新增的获取对象的方法
4） 通过选择器获取
document.querySelector(".list li") 获取到的是单个元素 默认选择第一个
document.querySelectorAll(".list li") 获取到的是多个元素（数组形式）

在页面中写入文本

标签对象的属性：innerHTML innerText outerHTML outerText
innerHTML 获取或者设置元素中所有的内容（包括标签）
innerText 获取或者设置元素中所有的内容（不包括标签）
outerHTML 获取或者设置自身及子元素中所有的内容（包括标签）
outerText 获取或者设置自身及子元素中所有的内容（不包括标签）

可以通过属性获取到属性值

标签自带属性（内置属性）:
普通标签：id class title
img 标签 ： id name class title src alt
a标签 ： id name class title href target
input 标签： id name class title value
获取标签自带属性：对象.属性名 或者 对象[“属性名”]
设置标签自带属性： 对象.属性名=新的属性值 或者 对象[“属性名”]=新的属性值
如果在标签上自定义属性 ，如果直接通过 对象.属性名 或者 对象[“属性名”] 获取的是 undefined ，所以需要通过方法 对象.getAttribute(‘属性名’)
获取自定义属性 通过 对象.getAttribute(‘属性名’)
通过js在标签上设置自定义属性： 对象.setAttribute(‘属性名’,‘属性值’)