黑马程序员技术交流社区

标题: DOM的动态创建 [打印本页]

---

作者: 走了    时间: 2013-1-17 15:45
标题: DOM的动态创建
可以调用document的createElement方法来创建具有指定标签的DOM对象，然后通过调用元素的appendChild方法将新创建的某个元素添加到相应的元


素下
        function showit(){
                var divMain = document.getElementByID("divMain");
                var btm = document.creatElement("input");
                btm.type = "button";
                btn.value = "我是动态的！";
                divMain.appendChild(btn);
        }
    <div id = "divMain"></div>
    <input type = "button" value = "ok"/>


innerText、innerHTML 属性
几乎所有DOM元素都有innerText、innerHTML属性（注意大小写），分别是元素标签内内容的文本表示形式和HTML源代码，这两个属性是可读可写的


。
<a href = "http://www.itcast.cn" id="link1">传<font color="Red">智</font>播客</a>


<input type="button" value="inner"
onclick="alert(document.getElementByID('link1').innerText)";alert(document.getElementByID('link1').innerHTML);"/>


用innerHTML也可以替代createElement，属于简单、粗放型、后果自负的创建
function createlink(){
    var divMain = document.getElementByID("divMain");
    divMain.innerHTML = "<a >如鹏网</a>";
}

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2