DOM属性操作实例（一）

例：一个显示‘读取报表的按钮’，被点击后，显示为‘读取中，请稍后...’

function readReport(btn){

alert(btn.textContext);//IE8及以下不支持

alert(btn.innerHTML);

alert(btn.innerText);//FF不支持

btn.innerHTML='读取中，请稍后.....'

}

<button οnclick="readReport(this)">读取报表</button>

例：实现’开关门‘效果，一个span中，默认显示">>",当被点击一次后，显示“<<”,在被点击一次后，显示“>>”,依次往复

function toggle(div2){

if(div2.innerHTML==''&lt;&lt;"){

div2.innerHTML='&gt;&gt;';

document.getElementById('d1').style.display='none';

}else{

div2.innerHTML='&lt;&lt;';

document.getElementById('d1').style.display='block';

}

}

<div id='d1'>树形列表</div>

<div id='d2' οnclick='toggle(this)'>&lt;&lt;</div>

<div id='d3'>内容的主体</div>