阿里笔试题（四）

题目：

请编写一段JavaScript脚本生成下面这段DOM结构。要求：使用标准的DOM方法或属性。

 

<divid=”example”>

<pclass=”slogan”>淘！你喜欢</p>

</div>

唉~这种题，本来以为很easy的。。。小女不才。。。jquery出道的，在jquery还没有打下坚定的基础后，开始学习javascript，导致。。。他俩混的比较厉害。。。

啥也不说了 先附上原生javascript代码：

var oDiv=document.createElement("div");
	var op=document.createElement("p");
	oDiv.appendChild(op);
	op.className="slogan";
	
	var oText=document.createTextNode("淘！ 你喜欢");
	op.appendChild(oText);
	oDiv.setAttribute("id","example");
	
	document.body.appendChild(oDiv);

可以看看，主要用到的函数：createElement，appendChild，createTextNode，setAttribute这几个函数。

下面是jquery代码：

$(document).ready(function(){
	var $oDiv=$("<div></div>");
	var $op=$("<p></p>");
	$oDiv.attr("id","exmaple");
	$op.attr("class","slogan");
	$op.html("淘！你喜欢");   //innerHTML用javascript可以。。。但是jquery要用html()或者text()
	$oDiv.append($op);  //$oDiv.wrapInner($op);
	$("body").append($oDiv);
})

唉。。。吐槽下。。。基础知识不扎实啊。。。。