常用原生客户端js

var el = document.createElement('pre');  // 创建 <pre></pre>元素
el.id = 'sss';                  //  添加id  <pre id="sss"></pre>
document.body.appendChild(el);   // 把它 加入到body的底部去 
el = document.getElementById('sss'); // 访问dom 根据id得到这个元素

el.innerHTML = '<p>temp</p>';  // 向它内部添加内容 <pre id="sss"><p>temp</p></pre>

var text = document.createTextNode('bbq');  //  创建文本节点
el.appendChild(text);  //追加文本节点 <pre id="sss"> <p>temp</p> "bbq" </pre>
// console.log(el);

el.style.display = 'none';   //设置它的行内样式


el.addEventListener('click',fireclick,false);// 向元素添加点击事件

//ie 8及以下 添加点击
if(!el.addEventListener){
    el.attachEvent('onclick',fireclick);
}
else{
   el.addEventListener('click',fireclick,false);// 出于兼容考虑

}

function fireclick() {
    console.log('click');
}