0


js添加元素的方式

一、添加单个标签元素

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只能输出内容不能输出标签

标签: javascript 前端 html

本文转载自: https://blog.csdn.net/weixin_68915174/article/details/127593989
版权归原作者 Ther19 所有, 如有侵权,请联系我们删除。

“js添加元素的方式”的评论:

还没有评论