怎样添加,移除,移动,复制,创建和查找节点
(1)创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
(2)添加、移除、替换、插入
appendChild()
removeChild()
replaceChild()
insertBefore()
(3)查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id,唯一性
1、创建元素节点
document.createElement() 方法 用于创建元素,接受一个参数,即要创建元素的标签名,返回创建的元素节点
(1)var div = document.createElement(“div“); //创建一个div元素
(2)div.id = “myDiv“; //设置div的id
(3)div.className = “box“; //设置div的class
创建元素后还要把元素添加到文档树中
2、添加元素节点
appendChild() 方法 用于向childNodes列表的末尾添加一个节点,返回要添加的元素节点
(1)var ul = document.getElementByIdx(“myList“); //获得ul
(2)var li = document.createElement(“li“); //创建li
(3) li.innerHTML = “项目四“; //向li内添加文本
(4)ul.appendChild(li); //把li 添加到ul子节点的末尾
appendChild() 方法还可以添加已经存在的元素,会将元素从原来的位置移到新的位置
(1)var ul = document.getElementById(“myList“); //获得ul
(2)ul.appendChild(ul.firstChild); //把ul的第一个元素节点移到ul子节点的末尾
insertBefore() 方法,如果不是在末尾插入节点,而是想放在特定的位置上,用这个方法,该方法接受2个参数,第一个是要插入的节点,第二个是参照节点,返回要添加的元素节点
(1)var ul = document.getElementById(“myList“); //获得ul
(2)var li = document.createElement(“li“); //创建li
(3)li.innerHTML= “项目四“; //向li内添加文本
(4)ul.insertBefore(li,ul.firstChild); //把li添加到ul的第一个子节点前
(1)var ul = document.getElementById(“myList“); //获得ul
(2)var li = document.createElement(“li“); //创建li
(3)li.innerHTML= “项目四“; //向li内添加文本
(4)ul.insertBefore(li,ul.lastChild); //把li添加到ul的最后一个子节点(包括文本节点)之前
(1)var ul = document.getElementById(“myList“); //获得ul
(2)var li = document.createElement(“li“); //创建li
(3)li.innerHTML= “项目四“; //向li内添加文本
(4)var lis = ul.getElementsByTagName(“li“) //获取ul中所有li的集合
(5)ul.insertBefore(li,lis); //把li添加到ul中的第二个li节点前
添加后:
3、移除元素节点
removeChild() 方法,用于移除节点,接受一个参数,即要移除的节点,返回被移除的节点,注意被移除的节点仍然在文档中,不过文档中已没有其位置了
(1)var ul = document.getElementById(“myList“); //获得ul
(2)var fromFirstChild = ul.removeChild(ul.firstChild); //移除ul第一个子节点
(1)var ul = document.getElementById(“myList“); //获得ul
(2)var lis = ul.getElementsByTagName(“li“) //获取ul中所有li的集合
(3)ul.removeChild(lis); //移除第一个li,与上面不同,要考虑浏览器之间的差异
4、替换元素节点
replaceChild() 方法,用于替换节点,接受两个参数,第一参数是要插入的节点,第二个是要替换的节点,返回被替换的节点
(1)var ul = document.getElementById(“myList“); //获得ul
(2)var fromFirstChild = ul.replaceChild(ul.firstChild); //替换ul第一个子节点
(1)var ul = document.getElementById(“myList“); //获得ul;
(2)var li = document.createElement(“li“); //创建li
(3)li.innerHTML= “项目四“; //向li内添加文本
(4)var lis = ul.getElementsByTagName(“li“) //获取ul中所有li的集合
(5)var returnNode = ul.replaceChild(li,lis); //用创建的li替换原来的第二个li
5、复制节点
cloneNode() 方法,用于复制节点, 接受一个布尔值参数, true 表示深复制(复制节点及其所有子节点), false 表示浅复制(复制节点本身,不复制子节点)
(1)var ul = document.getElementById(“myList“); //获得ul
(2)var deepList = ul.cloneNode(true); //深复制
(3)var shallowList = ul.cloneNode(false); //浅复制
JQuery如何为XML对象添加节点
$(function() {
//定义一个xml对象
var x = $(“《xml》《items》《center /》《/items》《/xml》“);
//在 center节点的结尾添加一个 bottom节点 ,然后在center节点的开头添加一个top节点
x.find(“center“).appendXml(“《bottom /》“).prependXml(“《top /》“);
//在 center节点的后面添加一个after节点,然后在center节点的前面添加一个before节点
x.find(“center“).afterXml(“《after /》“).beforeXml(“《before /》“);
alert(x.xml());
});
(function($) {
function mnpXml(opCode, xmlStr) {
return this.each(function() {
if (typeof xmlStr != “string“) return;
if (!jQuery.isXMLDoc(this)) return;
var node = $.parseXml(xmlStr).firstChild.cloneNode(true);
switch (opCode) {
case “append“:
this.appendChild(node);
break;
case “prepend“:
if (this.childNodes.length 》 0)
this.insertBefore(node, this.firstChild);
else
this.appendChild(node);
break;
case “after“:
if (this.nextSibling)
this.parentNode.insertBefore(node, this.nextSibling);
else
this.parentNode.appendChild(node);
break;
case “before“:
this.parentNode.insertBefore(node, this);
break;
}
});
}
$.fn.extend({
appendXml: function(s) {
return mnpXml.call(this, “append“, s);
},
prependXml: function(s) {
return mnpXml.call(this, “prepend“, s);
},
afterXml: function(s) {
return mnpXml.call(this, “after“, s);
},
beforeXml: function(s) {
return mnpXml.call(this, “before“, s);
},
xml: function() {
var elem = this;
return elem.xml || (new XMLSerializer()).serializeToString(elem);
},
innerXml: function() {
var s = this.xml();
var i = s.indexOf(“》“), j = s.lastIndexOf(“《“);
if (j 》 i)
return s.substring(i + 1, j);
else
return ““;
}
});
$.extend(jQuery, {
parseXml: function(xmlStr) {
if (window.ActiveXObject) {
var xd = new ActiveXObject(“Microsoft.XMLDOM“);
xd.async = false;
xd.loadXML(xmlStr);
return xd;
}
else if (typeof DOMParser != “undefined“) {
var xd = new DOMParser().parseFromString(xmlStr, “text/xml“);
return xd;
}
else return null;
},
toXml: function(obj, nodeName, useAttr) {
var x = $($.parseXml(“《“ + nodeName + “ /》“));
var n = x.find(“:first“);
for (var p in obj) {
if (useAttr)
n.attr(p, obj[p]);
else
n.appendXml(“《“ + p + “ /》“).find(p).text(obj[p]);
}
return x;
}
});
})(jQuery);
双链表的插入与删除操作
①双链表的前插操作
void
DInsertBefore(DListNode
*p,DataType
x)
{//在带头结点的双链表中,将值为x的新结点插入*p之前,设p≠NULL
DListNode
*s=malloc(sizeof(DListNode));//①
s-》data=x;//②
s-》prior=p-》prior;//③
s-》next=p;//④
p-》prior-》next=s;//⑤
p-》prior=s;//⑥
}
②双链表上删除结点*p自身的操作
void
DDeleteNode(DListNode
*p)
{//在带头结点的双链表中,删除结点*p,设*p为非终端结点
p-》prior-》next=p-》next;//①
p-》next-》prior=p-》prior;//②
free(p);//③
}
如何使用js在元素之前插入一个新元素
《p id=“act“》测试《/p》
《script》
window.onload=function(){
var k1=document.getElementById(“act“);
var k2=document.createElement(“p“);
k2.id=“act_1“;
k2.innerHTML=“这是一个测试“;
k1.parentElement.insertBefore(k2,k1);
}
《/script》
jQuery中插入节点的方法有哪些
内部插入:1,append;2,appendTo;3,prepend;4,prependTo
外部插入:1,after;2,before;3,insertAfter;4,insertBefore
具体的怎么用你可以再百度下
js 怎么在标签对里面的最前面插入元素
js在标签最前面插入元素方法:
1、var divObj=document.createElement(“div“)。
2、//divObj.setAttribute(’id’,’topAlert’)。
3、divObj.innerHTML=“测试js插入DOM和样式“
4、var first=document.body.firstChild;//得到页面的第一个元素。
5、document.body.insertBefore(divObj,first);//在得到的第一个元素之前插入。
Html如何进行SEO
一:html代码头部即head标签的seo设置。
1:《meta charset=”UTF-8″》:指明网站编码。
2:《title》SEO教程自学网_网站SEO优化教程学习『武汉小明SEO』《/title》:网站标题设置,标题里面的语句字字千金,需着重把握。
3:《meta name=”description” content=”SEO教程自学网,解答seo是什么,武汉小明专业研究搜索引擎优化,致力网站SEO优化教程学习以及seo技术教程培训,提供自学seo视频教程免费观看。” /》:网站描述设置,描述也能影响目标关键词排名。
4:
《meta