javascript中innerHTML和appendChild的比较
在一个对象中创建子对象,可以innerHTML或者appendChild请问在面向对象的概念下,比较下优劣.请不要照抄网上原文....
在一个对象中创建子对象,可以innerHTML或者appendChild
请问在面向对象的概念下,比较下优劣.
请不要照抄网上原文. 展开
请问在面向对象的概念下,比较下优劣.
请不要照抄网上原文. 展开
4个回答
展开全部
innerHTML是直接改变DOM的innerHTML，实际上是浏览器先销毁DOM里的子DOM然后重绘DOM，之前对DOM里的对象的引用都将失效。
而appendChild就是在对象的层次上修改对象，并不会破坏源对象。
毕竟直接改innerHTML会简单一点，如果你没有用到DOM里的对象，就用这个吧
而appendChild就是在对象的层次上修改对象，并不会破坏源对象。
毕竟直接改innerHTML会简单一点，如果你没有用到DOM里的对象，就用这个吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
定义和用法
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
语法
tablerowObject.innerHTML=HTML
实例
下面的例子返回了表格行的 inner HTML：
<html>
<head>
<script type="text/javascript">
function getInnerHTML()
{
alert(document.getElementById("tr1").innerHTML);
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick="getInnerHTML()"
value="Alert innerHTML of table row" />
</body>
</html>
定义和用法
appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。
此方法可返回这个新的子节点。
语法：
appendChild(newchild)
参数描述
newchild 所添加的节点
返回值
加入的节点。
function appendMessage (message) {
var pElement = document.createElement("p");
var messageNode = document.createTextNode(message);
pElement.appendChild(messageNode);
document.body.appendChild(pElement);
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
appendChild()在事件注册上更加灵活：
如：
document.body.innerHTML="<a href='#' onclick='functionName()'>事件</a>";
和下面比较：
var a=document.createElement("a");
a.href="#";
a.onclick=function(){"这里面的代码爱怎么写就怎么写"};
document.body.appendChild(a);
如：
document.body.innerHTML="<a href='#' onclick='functionName()'>事件</a>";
和下面比较：
var a=document.createElement("a");
a.href="#";
a.onclick=function(){"这里面的代码爱怎么写就怎么写"};
document.body.appendChild(a);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这和面向对象没有什么关系的，但是当然是appendChild好，因为在其他xml文档中没有innerHTML属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
