innerHTML和innerText
获取属性
innerHTML是获取到标签内部的文本与HTML结构; innerText是获取到标签内部的文本,HTML结构会被忽略掉;
操作元素的属性
innerHTML赋值时会识别字符串中的HTML结构当有标签时会进行渲染; innerText赋值时不会识别字符串中的HTML结构,当有标签时会直接输出字符串;
元素属性的获取及操作
1.元素属性值的获取 oBox.getAttribute('class'); 2.元素属性值的设置 oBox.setAttribute('要设置的属性名','要设置的属性值'); ==当不存在时,即为新增== 3.元素属性的移除 oBox.removeAttribute('属性名');
H5自定义属性
1.获取H5自定义属性
获取语法:元素.dataset.属性名
例子:
console.log(oDiv.dataset.cs)
==注意:==H5 自定义属性中 data- 是固定的;
2.设置H5自定义属性
oDiv.dataset.cs = 'qwertyuiop' ;
标签中若有,即为修改,若无,则为新增
3.删除H5自定义属性
delete oDiv.dataset.age