JavaScript的element.before()方法可以在元素之前插入内容。这个方法的用法很简单,只需要把要插入的内容作为参数传入即可。
使用示例
let element = document.getElementById("target"); element.before("Hello World!");
上面的代码把字符串“Hello World!”插入到id为target的元素之前。
除了字符串,这个方法也可以接受其他类型的数据,比如元素节点、文档片段等。比如:
let element = document.getElementById("target"); let newElement = document.createElement("div"); newElement.innerHTML = "Hello World!"; element.before(newElement);
上面的代码把一个新的div元素插入到id为target的元素之前,div元素的内容为“Hello World!”。
这个方法还可以接受多个参数,比如:
let element = document.getElementById("target"); let newElement1 = document.createElement("div"); newElement1.innerHTML = "Hello World!"; let newElement2 = document.createElement("div"); newElement2.innerHTML = "Goodbye World!"; element.before(newElement1, newElement2);
上面的代码把两个新的div元素插入到id为target的元素之前,div元素的内容分别为“Hello World!”和“Goodbye World!”。
使用JavaScript的element.before()方法可以在元素之前插入内容,使用起来非常简单。