js复制或插⼊Html的实现⽅法⼩结
var ElementsByTagName("标签或ID名")//ID是唯⼀⽆许分组，标签⾮唯⼀，有可能返回⼀个数组. ateElement("div");
...设置CSS风格
bq.appendChild(div);//ID唯⼀性的话只需要这样！在bq之后插⼊div层
bq[0].appendChild(div);//如果前⾯⽤的是标签！数组跟下标！在bq之后插⼊div层
bq.insertBefore(div);//ID唯⼀性的话只需要这样！在bq之前插⼊div层
bq[0].insertBefore(div);//如果前⾯⽤的是标签！数组跟下标！在bq之前插⼊div层
//复制⼀个div
var ElementById("Copy")//ID是唯⼀⽆许分组，标签⾮唯⼀，有可能返回⼀个数组.
ateElement("div");
objDiv.id=bq.id + Copy;
objDiv.style.position="absolute"
objDiv.style.left="200px"
p="200px"
objDiv.innerHTML=bq.innerHTML;
bq.appendChild(objDiv);
<div id="test">
<span >test1</span> test2
</div>
css和html和js怎么结合
<div id="test">
<span >test1</span> test2
</div>
在JS中可以使⽤：
test.innerHTML: 也就是从对象的起始位置到终⽌位置的全部内容，包括Html标签。
上例中的test.innerHTML的值也就是
<span >test1</span> test2
<span >test1</span> test2
test.innerText: 从起始位置到终⽌位置的内容, 但它去除Html标签
上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本⾝。
上例中的text.outerHTML的值也就是
<div id="test"><span >test1</span> test2</div>
<div id="test"><span >test1</span> test2</div>
完整⽰例：
复制代码代码如下:
<div id="test">
<span >test1</span> test2
</div>
<a href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a href="javascript:alert(test.innerText)">inerHTML内容</a>
<a href="javascript:alert(test.outerHTML)">outerHTML内容</a>
<div id="test">
<span >test1</span> test2
</div>
<a href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a href="javascript:alert(test.innerText)">inerHTML内容</a>
<a href="javascript:alert(test.outerHTML)">outerHTML内容</a>
特别说明：
innerHTML是符合W3C标准的属性，⽽innerText只适⽤于IE浏览器，因此，尽可能地去使⽤
innerHTML，⽽少⽤ innerText，如果要输出不含HTML标签的内容，可以使⽤innerHTML取得包含
HTML标签的内容后，再⽤正则表达式去除HTML标签，下⾯是⼀个简单的符合W3C标准的⽰例：
复制代码代码如下:
<div id="test">
<span >test1</span> test2
</div>
<a href="javascript:ElementById('test').place(/<.+?>/gim,''))">⽆HTML，符合W3C标准</a> <div id="test">
<span >test1</span> test2
</div>
<a href="javascript:ElementById('test').place(/<.+?>/gim,''))">⽆HTML，符合W3C标准</a> ⼀些相关的⽂章
javascript dom 操作详解 js加强