题目:
请编写一段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);
})
唉。。。吐槽下。。。基础知识不扎实啊。。。。