javascript怎么创建div

javascript怎么创建div,第1张

纯JAVASCRIPPT创建

(1):document.getElementById("要创建DIV位置的ID").innerHTML='<div>div里面的内容</div>'

(2):

var createDiv=document.createElement("div") 

createDiv.title="div title." 

createDiv.id="id" 

createDiv.class="class" 

createDiv.innerHTML="div里面的内容!" 

document.body.appendChild(createDiv)//添加到BODY节点中 

JQUERY

$("#要创建DIV位置的ID").html('<div>div里面的内容</div>')

第一个div添加onclick()方法。

方法里面代码如下:

if(document.getElementById("B").style.display= ="none")

{     //B是另一个div

   document.getElementById("B").style.display= "block"

}

else{

   document.getElementById("B").style.display= "none"

}

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312"/>

<title></title><script language="JavaScript" type="text/JavaScript">

function toggle(targetid){if (document.getElementById)

{target=document.getElementById(targetid)

if (target.style.display=="block"){target.style.display="none" } else {target.style.display="block"  }

用JS给div添加样式是通过js *** 作css来实现的。

用js方法找到div的dom对象

通过js *** 作css的style属性来改变div的样式

具体举例如下:

定义div:<div id="myDiv" style="color:red">改变样式测试</div>

编写js代码:

var color = document.getElementById("myDiv").style.color

if (color == "red")

 document.getElementById("myDiv").style.color="black"

else

 document.getElementById("myDiv").style.color="red"

执行js代码后,div原来是红色会变成黑色,原来是别的颜色会变成红色


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存