创建元素节点
- JS
- document.createElement("p");
创建元素节点
- jQuery
- $('<p></p>');`
- document.createTextNode("Text Content");
- var textEl = document.createTextNode("Hello World.");
- var pEl = document.createElement("p");
- pEl.appendChild(textEl);
创建并添加文本节点:
- jQuery
- var $p = $('<p>Hello World.</p>');
复制节点:
- JS
- var newEl = pEl.cloneNode(true); `
和
- true
的区别:
- false
:克隆整个
- true
节点
- '<p>Hello World.</p>'
:只克隆
- false
,不克隆文本
- '<p></p>'
- Hello World.'
复制节点
- jQuery
- $newEl = $('#pEl').clone(true);
- El.appendChild(newNode);
- El.insertBefore(newNode, targetNode);
- $('#El').append('<p>Hello World.</p>');
- $('<p>Hello World.</p>').appendTo('#El');
- $('#El').prepend('<p>Hello World.</p>');
- $('<p>Hello World.</p>').prependTo('#El');
- $('#El').before('<p>Hello World.</p>');
- $('<p>Hello World.</p>').insertBefore('#El');
- $('#El').after('<p>Hello World.</p>');
- $('<p>Hello World.</p>').insertAfter('#El');
- El.parentNode.removeChild(El);
- $('#El').remove();
- El.repalceChild(newNode, oldNode);
必须是
- oldNode
真实存在的一个子节点
- parentEl
- $('p').replaceWith('<p>Hello World.</p>');
- imgEl.setAttribute("title", "logo");
- imgEl.getAttribute("title");
- checkboxEl.checked = true;
- checkboxEl.checked;
来源: