JS DOM编程艺术第七章

1.document.write():例如:document.write("

This is a paragraph

"),缺点:背离了行为与表现分离的原则。所以应该避免使用。
2.innerHTML属性:一旦使用innerHTML,元素内部的结构会被全部替换,而不会插入
3.document.createElement()方法创建元素节点。
4.document.createTextNode()方法创建文本内容。
4.appendChild()方法:语法:parent.appendChild(child);
5.insertBefore()方法:语法:parentElement.insertBefore(newElement, targetElement);
6.parentNode:父元素,所以insertBefore的语法还可写为:targetElement.parentNode.insertBefore(newElement, targetElement);
7.insertAfter()方法,DOM并没有提供这个方法,需要我们自己编写:

function insertAfter(newElement, targetElement) {
  var parentElement = targetElement.parentNode;
  if(targetElement == parentElement.lastChild) {
    parentElement.appentChild(newElement);
  } else {
    parentElement.insertBefore(newElement, targetElement.nextSibling);
  }
}

涉及到了,firstChild, lastChild, nextSibling三个方法。

你可能感兴趣的:(JS DOM编程艺术第七章)