HTML5怎么动态添加元素

HTML5怎么动态添加元素,第1张

用js 参考一下这个代码

<script>

window.onload=function () {

var Odiv=document.createElement("div")//创建一个div

var Ospan=document.createElement("span") //创建一个span

Odiv.style.cssText="width:200pxheight:200pxbackground:#636363

text-align:centerline-height:220px" //创建div的css样式

//Odiv.id="box" //创建div的id为box

//Odiv.className="Box" //div的class为Box

Odiv.appendChild(Ospan) //在div内创建一个span

document.body.appendChild(Odiv) //在body内创建一个div

}

</script>

<html>

<head>

<script type="text/javascript">

function btnClick()

{

var p=document.createElement("p")

var t=document.createTextNode("AAAAA")

p.appendChild(t)

document.body.appendChild(p)

}

</script>

</head>

<body>

<input type="button" onclick="btnClick()" value="单击添加元素">

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11367683.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-15
下一篇2023-05-15

发表评论

登录后才能评论

评论列表(0条)

    保存