js实现DOM结构

weixin_30657541

于 2014-03-30 09:12:00 发布

阅读量587

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/skylar/p/3633468.html

本文将指导您如何使用标准的DOM方法或属性通过JS脚本生成指定的DOM结构，包括创建div元素并添加内联样式，以及在其中插入文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/* 编写一段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);

转载于:https://www.cnblogs.com/skylar/p/3633468.html