一、添加单个标签元素
1.createElement()创建元素、appendChild()添加元素
var box=document.getElementsByClassName("box");
var div=document.createElement("div");
box.appendChild(div);
2.insertAdjacentElement()
var box = document.getElementsByClassName("box")
var div = document.createElement("div");
box.insertAdjacentElement("beforeend", div);
beforebegin:插在元素自身的前面
afterbegin:插在元素内部最前面
beforeend:插在元素内部最后面
afterend:插在元素自身的后面
二、添加多个标签元素及内容
1.insertAdjacentHTML()
var box=document.getElementsByClassName("box");
var div="<div>内容<img></div>";
box.insertAdjacentHTML("beforeed",div);
beforebegin:插在元素自身的前面
afterbegin:插在元素内部最前面
beforeend:插在元素内部最后面
afterend:插在元素自身的后面
2.innerHTML
var box=document.getElemntsClassName("box");
box.innerHTML="<div>内容<img></div>";
3.innerText和innerHTML区别
innerHTML可以输出标签以及内容,innerText只能输出内容不能输出标签
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)