首页 > 试题广场 >

请编写一段JavaScript脚本生成下面这段DOM结构。要

[问答题]
请编写一段JavaScript脚本生成下面这段DOM结构。要求:使用标准的DOM方法或属性。
<div id=”example”>  
    <p class=”slogan”>淘!你喜欢</p> 
</div>

推荐
      window.onload = function() {
            var div = document.createElement('div');
            div.id = "example";
            var p = document.createElement('p');
            p.className = "slogan";
            p.innerHTML = '淘!你喜欢';
            div.appendChild(p);
            document.body.appendChild(div);
        }
编辑于 2015-01-07 20:36:49 回复(2)
const fragment = document.createDocumentFragment();
const div = document.createElement('div')
const p = document.createElement('p')
const text = document.createTextNode('淘!你喜欢')
const body = document.body

div.id = 'example'
p.classList.add('slogan');
p.appendChild(text)
div.appendChild(p)
fragment.appendChild(div)


window.addEventListener('DOMContentLoaded', () => {
  body.appendChild(fragment)
})

编辑于 2022-04-16 23:47:31 回复(0)
var oWrapper = document.createElement('div');
example.id = 'example';
var oChild = document.createElement('p');
oChild.className = 'slogan';
var textNode = document.createTextNode('淘!你喜欢');
oChild.append(textNode);
oWrapper.append(oChild);


发表于 2017-08-07 23:09:43 回复(0)
var example = document.createElement('div');
example.setAttribute('id', 'example');
var p = document.createElement('p ');
p.className = ''slogan;
p.innerHTML = " 淘!你喜欢 ";
 example.appendChild(p);

发表于 2016-08-18 21:14:18 回复(0)
var div = document.createElement('div');
div.id = "example";
var p = document.createElement('p');
p.className = 'slogan';
p.innerHTML = '淘!你喜欢';

div.appendChild(p);


  var root = document.querySelector('div');
  root.appendChild(div);
发表于 2016-07-29 17:19:43 回复(0)
window.onload=function(){
    var oDiv =document.createElement('div');
    oDiv.setAttribute('id','example');

    document.body.appendChild(oDiv);

    var oP=document.createElement('p');

    oP.innerHTML='淘,我喜欢。';
    oP.setAttribute('class','slogan');
    oDiv.appendChild(oP);
}

发表于 2015-06-07 10:16:34 回复(0)
var oDiv = document.createElement("div");
oDiv.id="example";
document.body.appendChild(oDiv);
var oP = document.createElement("p");
oDiv.className="slogan";
oP.innerHTML = "淘,我喜欢";
oDiv.appendChild(oP);

发表于 2015-03-27 18:14:51 回复(0)
晕头像
var oDiv=document.createElement('div');
oDiv.id="example";
var oP=document.createElement('p');
oP.className="slogan";
oDiv.appendChild(oP);
document.body.appenChild(oDiv);

发表于 2014-12-25 17:37:16 回复(0)
window.onload=function(){
    var oDiv=document.createElement('div');
    oDiv.setAttribute('id','example');
    document.body.appendChild(oDiv);
    
    var oP=document.createElement('p');
    oP.innerHTML='淘!你喜欢';
    oP.setAttribute('class','slogan');
    
    oDiv.appendChild(oP);
}
发表于 2014-12-22 21:35:35 回复(0)
dom = document.creatElement('div');
dom.id = 'example';
p = document.creatElement('p');
p.className = 'slogan';
text = document.creatTextNode('淘!你喜欢');
p.append(text);
dom.appendChild(p);
document.body.appendChild(dom);
发表于 2014-12-16 21:52:09 回复(0)
var _div = document.createElement("div");
_div.id="example";
var _slogan = document.createElement("p");
_slogan.className = "slogan"
_div.appendChild(_slogan);
document.body.appendChild(_div);
发表于 2014-12-11 22:03:30 回复(0)
var div=document.createElement("div");
div.id="example";
var p document.createElement("p");
p.className="slogan";
p.innerHTML("tao!you like");
div.appendChild(p);
发表于 2014-12-08 12:34:57 回复(0)
var HTML = "<div id='example'>...</div>";
window.document.createElement(HTML);
发表于 2014-12-02 10:42:52 回复(0)
var oDiv = document.createElement("div");
var oP = document.createElement('p')
oP.className="slogan";
oP.inndeHTML="淘!你喜欢" 
oDiv.id="example";
document.body.appendChild(oDiv);
oDiv.appendChild(oP);
发表于 2014-11-23 14:10:33 回复(0)
<script>
window.onload()=function creatEle(){
    var ele=document.body.creatElement("div");
    ele.setAttribute("id","example");
    document.body.appendChild("ele");
    var tbox=document.getElementById("example").appendChild("<p></p>");
    tbox.innerHtml="淘!你喜欢"
}
</script>

发表于 2014-11-20 11:47:47 回复(0)
@@头像 @@
var oP=document.creatElement('p');
var oDiv=document.creatElement('div');
oDiv.id='example';
p.className='slogan';
p.innerHTML='淘!你喜欢';
document.appendChild(oP);
oP.appendChild(oDiv);
发表于 2014-11-14 16:56:31 回复(0)

var oDiv = document.createElement(“div”);

 

oDiv.setAttribute(“id”, ”example”);

 

oDiv.className = “box”;

 

 

var oP = document.createElement(“p”);

 

oDiv.appendChild(oP); 

 

var oText = document.createTextNode(“

淘宝前端笔试题

”)

 

oP.appendChild(oText); 

 

document.body.appendChild(oDiv)
发表于 2014-11-12 16:28:41 回复(0)
$p=$('
<div id=”example”>  
    <p class=”slogan”>淘!你喜欢</p> </div>
');
$(body).append($p);
发表于 2014-11-10 17:13:05 回复(0)
var div = document.createElement("div");
div.id = "example";
var body = document.getElementsByTagName("body")[0];
var oP = document.createElement("p");
oP.innerHTML = "淘!你喜欢";
oP.className = "slogan";
div.appendChild(oP);
body.appendChild(div);
发表于 2014-11-10 14:53:23 回复(0)
var headerDiv=document.createElemet("div");
headerDiv.id="example";
var container=headerDiv.appendChild(div);
container.id="slogan";
container.innerHTML="淘!你喜欢";

发表于 2014-11-09 15:14:19 回复(0)
var str = '<div id=”example”><p class=”slogan”>淘!你喜欢</p></div>';
document.body.appendChild(str);
发表于 2014-11-07 14:31:31 回复(0)