属性

*1 innerHTML
改变选中元素节点里的内容


123

var div = document.getElementTagName(‘div’)[0];
div.innerHTML; //即把div中的内容显示出来 即 123
div.innerHTML = ‘123’; //此时会把div中的内容全部覆盖 不管里面有什么元素
div.innerHTML += ‘456’; //在div的内容后追加
2 innerText(火狐不兼容) / textContent(老版本IE不好使)
改变选中元素节点里的文本内容 注意若要赋值 那么会把里面的内容全被覆盖

方法

1 setAttribute(属性名,属性值)
给选中的元素节点添加属性


var div = document.getElementTagName(‘div’)[0];
div.setAttribute(‘class’,’demo’);
//即为

2 getAttribute(属性名);
显示选中的元素节点属性的属性值


var div = document.getElementTagName(‘div’)[0];
div.getAttribute(‘class’);
//返回 “demo”