insertAdjacentText方法与 insertAdjacentHTML方法类似,只不过是插入纯文本,参数相同 参数说明: elementDOM.insertAdjacentHTML(where,html) elementDOM:用于参照插入位置的html元素对象 where:插入位置。包括"beforeBegin"、"beforeEnd”、“afterBegin”、”afterEnd": beforeBegin插入到标签开始之前 afterBegin插入到标签开始之...
var bt = document.getElementById("bt"); bt.onclick = function (e) { //div.insertAdjacentElement("beforeBegin", document.createElement("p")); //div之前 //div.insertAdjacentElement("afterBegin", document.createElement("p")); //div所有子元素之前 //div.insertAdjacentElement("beforeEnd", do...
insertAdjacentHTML(sWhere,html),insertAdjacentText(sWhere,text),insertAdjacentElement(sWhere,element) 这是ie弄出来的 所以ie基本支持, chrome(47.0.2526.106 m) 对三个方法都支持 测试ff(40.0.3)不支持 insertAdjacentElement方法 sWhere的取值有beforeBegin,beforeEnd,afterBegin,afterEnd 区别如下 <body><divid...
3. insertAdjacentElement的参数说明 position:一个表示位置的字符串,必须是以下四个值之一:'beforebegin'、'afterbegin'、'beforeend'、'afterend'。 newNode:一个 DOM 元素对象,表示要插入的新节点。4. 展示一个简单的insertAdjacentElement使用示例 html <!DOCTYPE html> <html lang="en"> &...
HTMLElement.prototype.insertAdjacentElement=function(where,parsedNode) {switch(where) {case'beforeBegin':this.parentNode.insertBefore(parsedNode,this)break;case'afterBegin':this.insertBefore(parsedNode,this.firstChild);break;case'beforeEnd':this.appendChild(parsedNode);break;case'afterEnd':if(this.nextSib...
JavaScript Code: Used Methods : .before() : Insert content, specified by the parameter, before each element in the set of matched elements. Contribute your code and comments through Disqus. Previous:Finds all inputs with an attribute name that starts with 'P' and puts text in them. ...
1.beforeBegin:插入到标签开始前 2.afterBegin:插入到标签开始标记之后 3.beforeEnd:插入到标签结束标记前 4.afterEnd:插入到标签结束标记后 stext:要插入的内容 例:<html> <head> <script language="javascript"> function myfun() { var obj = document.getElementById("btn1"); ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Insert Example</title> </head> <body> <div id="container">Before</div> <script> let container = document.getElementById('container'); container.insertAdjacentHTML('afterend', '<div>After</div>'); </script> ...
JavaScript document.getElementById("insert-html").onclick = insertHTML; Add the following function to the end of the file: JavaScript asyncfunctioninsertHTML(){awaitWord.run(async(context) => {// TODO1: Queue commands to insert a string of HTML.awaitcontext.sync(); }) .catch(function(err...
oElement = object.insertAdjacentElement(sWhere, oElement)Parameters sWhere Required. String that specifies where to insert the HTML element, using one of the following values: beforeBegin Inserts oElement immediately before the object.afterBegin Inserts oElement after the start of the ...