dom对象选择，获取和设置标签属性及自定义属性

querySelector与querySelectorAll是H5提供的选择器，可用document.querySelector()选择元素操作节点，

用法与jQuery里的$()选择器类似,但有些细微区别:

1. querySelector 只能选择第一个匹配的节点；

2. querySelectorAll 可以选择多个节点,以","分隔开,返回的是个数组；

其他高级用法与jq基本一致,如后代选择器document.querySelector()document.querySelector("#app1>.item1"),

document.querySelector("span.item1")等

 

<span data-num="21" ref="dataNum" >标签自定义属性</span>

// 读取或设置data-num类型的自定义属性
this.$refs.dataNum.dataset.num='设置新的值'

// 读取或设置任意属性
this.$refs.dataNum.getAttribute('data-num')