代码改变世界

js实现DOM结构

2014-03-30 09:12  大额_skylar  阅读(809)  评论(0)  编辑  收藏  举报 
/* 编写一段js脚本生成下面的DOM结构。要求使用标准的DOM方法或属性
   <div id='example'>
      <p class='slogan'>淘，你喜欢</p>
    </div>
*/

var newdiv = document.createElement('div');
newdiv.id = 'example';

var newp = document.createElement('p');
newp.className='slogan';
newdiv.appendChild(newp);

var newtext = document.createTextNode('淘，你喜欢');
newp.appendChild(newtext);

document.body.appendChild(newdiv);