创建元素
原生js
var divDom= document.createElement(“div”); divDom.innerHTML=“1111”
console.log(divDom, typeof divDom);
内部插入
需求: 创建 一个 p元素 , p元素内部 是 文本 1111;
将p 元素 插入 id =box 的 div 内部 的 末尾。。
$("#box").append( pDom );
在目标元素 内部 末尾添加 新元素
pDom.appendTo( $("#box") );
将 新元素 添加到 目标元素内部 的末尾
将p 元素 插入 id =box 的 div 内部 的 开头
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲box").prepend( …("#box"));
将 新元素 添加到 目标元素内部 的开头
外部插入
技术栈:html + jquery
外部前面插入:
目标元素.before(新元素)、新元素.insertBefore(目标元素)、 外部后面插入:
目标元素.after(新元素) 、新元素.insertAfter(目标元素) 需求:创建 p 元素 ,p 元素 内部 文本 1111
在 id=box 的div 外部前面 插入p元素
$("#box").before( pDom );
目标元素 外部前面 插入元素
将p元素 插入在 id=box的div 外部的前面
pDom.insertBefore( $("#box") );
元素 插入在目标元素 外部前面
在 id=box 的div 外部后面 插入p元素
$("#box").after( pDom );
目标元素 外部后面 插入元素
将p元素 插入在 id=box的div 外部的后面 pDom.insertAfter( $("#box") );
元素 插入在目标元素 外部后面
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交