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');

}