JavaScript中，可以用元素的innerHTML直接添加子元素吗？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript中，可以用元素的innerHTML直接添加子元素吗？相关的知识，希望对你有一定的参考价值。
参考技术A 当然可以了，几乎所有的DOM对象都有innerhtml属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。要用innerHTML给元素添加子元素只要将包含有子元素的html赋值给元素的innerHTML就好了。如：<!—需要给div元素添加子元素
-->
<body>
<p>Hello
World</p>
<div
id="myDiv"></div>
</body>
//将<p>元素添加到div中。
document.getElementById(“myDiv”).innerHTML
=
“<p>我是新添加的子元素<p>”;
上面的示例较简单，赋值给innerHTML的值可以是一个表单，可以是更长更复杂的html。
虽然innerHTML属性添加子元素很方便，但容易出错，很多教程
网上(如秒秒学)都不使用。更常用添加节点的方式，来添加子元素。这样更加准确和具体的描述了DOM的变化。如上述innerHTML的语句可以替换成：
var
myParaElement
=
document.createElement(“p”);
//创建p元素
var
myText
=
document.createTextNode(“我是文本节点！”);
//创建文本节点
myParaElement.appendChild(myText);
//将文本节点做为p元素的子节
document.getElementById(“myDiv”).appendChild(myParaElement)
;
//再将p元素做为子节点放在div元素下。
JavaScript数组
数组是一组数据的有序集合。
数组中的每一个值叫做一个元素，而每个元素在数组中都有一个唯一的位置。这个位置用数字表示，叫做索引，也叫做下标。
JavaScript数组是无类型的：数组的元素可以是任何类型。数组中每一个元素都可能是不同数据类型。
JavaScript数组是动态的：根据需要，可以动态的对数组里的元素进行增，删，查，改等操作。
定义数组
arr array
数组是引用数据类型
数组的最大作用就是用于存储多个值。定义一个数组有两中方式：
使用数组字面量方式：
var arr = [ ];
使用数组关键字方式：
var arr = new Array();
两种方式都可以定义一个数组，但数组字面量的方式效率更高。
定义数组并初始化
数组的索引
数组中的每一个元素都有一个对应的索引，也叫做数组的下标，可以通过索引添加数组的元素。
arr[ ] = ;
索引取值从数字0开始。
数组的读取
数组的主要作用用于存储和读取数据信息
数组元素的修改
不仅可以从数组中读取指定的元素，还可以根据需要修改指定的数组元素。
数组的长度
arr.length
每一个数组都有一个length属性，表示数组的长度。数组的长度指的就是数组内包含元素的个数。
数组的遍历
指的就是访问数据结构中的每个节点的数据。遍历数组也就是依次访问数组内的每?一个元素。
以上是关于JavaScript中，可以用元素的innerHTML直接添加子元素吗？的主要内容，如果未能解决你的问题，请参考以下文章