innerHTML、innerText和元素属性的获取及h5自定义属性

293 阅读1分钟

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