Element.append(el)
当前元素内部后置给定元素。也就是el
要塞到Element
的里面,同时是最后面。
参数
el
类型可以是Element
或者Set
. 表示要附加的元素。
返回值
元素。返回父元素。
使用
<svg id="svg1" width="100" height="100"></svg>
<svg id="svg2" width="100" height="100"></svg>
<input id="button" type="button" value="蓝圈圈跑到红圈圈家里蹭饭">
var svg1 = Snap("#svg1"), svg2 = Snap("#svg2");
var c1 = svg1.paper.circle(50, 50, 40).attr({
fill: "#f00" // 红色
});
var c2 = svg2.paper.circle(50, 50, 30).attr({
fill: "#00f" // 蓝色
});
// 事件
document.querySelector("#button").addEventListener("click", function() {
svg1.append(c2);
this.value = "蹭饭成功";
});
HTML变化
蹭饭前:
蹭饭后: