javascript - 為什麼insertBefore函數前面還要寫上parent,應用到其他函數裡就不用了
为情所困
为情所困 2017-05-19 10:24:28
0
1
1023
雷雷
为情所困
为情所困

全部回覆(1)
習慣沉默

因為 DOM 的 Node 沒有這個方法啊,你想這麼用的話就把方法植入到 Node 的原型上

Node.prototype.insertAfter = function insertAfter(newNode, targetNode) {
  if (!(this instanceof Node)) {
    throw new TypeError('Illegal invocation')
  }
  
  if (arguments.length < 2) {
    throw new TypeError("Failed to execute 'insertAfter' on 'Node': 2 arguments required, but only " + arguments.length +" present.")
  }
  
  if (!(newNode instanceof Node)) {
    throw new TypeError("Failed to execute 'insertAfter' on 'Node': parameter 1 is not of type 'Node'.")
  }
  
  if (targetNode !== null && !(targetNode instanceof Node)) {
    throw new TypeError("Failed to execute 'insertAfter' on 'Node': parameter 2 is not of type 'Node'.")
  }
  
  if (targetNode !== null && targetNode.parentNode !== this) {
    throw new DOMException("Failed to execute 'insertAfter' on 'Node': The node before which the new node is to be inserted is not a child of this node.")
  }

  if(!targetNode || this.lastChild == targetNode) {
    this.appendChild(newNode); 
  } else {
    this.insertBefore(newNode, targetNode.nextSibling);
  }
}

這樣就可以用 parent.insertAfter(newElement, targetElment),这里模仿了 insertBefore 的一些處理。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板