可以调用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>";
}
|