
纯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原来是红色会变成黑色,原来是别的颜色会变成红色
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)