详细的解题步骤如下:
<div id="parent"></div>
function addElementDiv(obj) {
var parent = document.getElementById(obj)
//添加 div
var div = document.createElement("div")
//设置 div 属性,如 id
div.setAttribute("id", "newDiv")
div.innerHTML = "js 动态添加div"
parent.appendChild(div)
}
调用:addElementDiv("parent")
什么是DIV元素:
1、DIV标签,称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象,或其他的放在 DIV 中,它可称作为"DIV block",或"DIV element"或"CSS-layer",或干脆叫"layer"。而中文我们把它称作"层次"。
2、DIV元素,是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。
这样直接将ID设置成一个动态的ID的时候,一般不能通过直接读取ID来达到你想要读取的模块,你可以这样想,是否可以通过它的父节点来读取它的ID值?或者这样想,你既然已经有一个特别的name属性在这个DIV种,是否能通过name属性来进行读取? 现在来说第一个方法:假如你在上面的代码的<li>标签中假如这样一个id :<li id="test">那么可以这样来找到DIV的ID值: var the_div_id = document.getElementById("test").getElementsByTagName("div")[0].id这样要求一点点小技巧。 至于你说如何取DIV的动态ID,这样还不简单么?随便取个字符串然后加上一些有规律的数字不就好了?比如说用个for(var i=0i<10i++){}循环输出你上面的代码,那么你的ID可以直接写成:<div id=\"info"+i+"\" name= 这样你的DIV的ID不就有规律地从info0开始直到info9了?? 在学习JAVASCRIPT的时候我建议你再看看jquerybeidaqingniaoqinghezhongxin<html><title>无标题文档</title>
<script src="jquery/jquery-1.4.2.min.js" language="javascript"></script>
<script type="text/javascript">
$(function(){
$("body").children().wrapAll("<div>1</div>")
alert('123')
})</script>
<body>
<h1>标题一</h1>
<div>div试验</div>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)