js 修改节点名

JavaScript018

js 修改节点名,第1张

已知有一个XML文件(bookstore.xml)如下:

<?xml version="1.0" encoding="gb2312"?>

<bookstore>

<book genre="fantasy" ISBN="2-3631-4">

<title>Oberons Legacy</title>

<author>Corets, Eva</author>

<price>5.95</price>

</book>

</bookstore>

1、往<bookstore>节点中插入一个<book>节点:

XmlDocument xmlDoc=new XmlDocument()

xmlDoc.Load("bookstore.xml")

XmlNode root=xmlDoc.SelectSingleNode("bookstore")//查找<bookstore>

XmlElement xe1=xmlDoc.CreateElement("book")//创建一个<book>节点

xe1.SetAttribute("genre","李赞红")//设置该节点genre属性

xe1.SetAttribute("ISBN","2-3631-4")//设置该节点ISBN属性

XmlElement xesub1=xmlDoc.CreateElement("title")

xesub1.InnerText="CS从入门到精通"//设置文本节点

xe1.AppendChild(xesub1)//添加到<book>节点中

XmlElement xesub2=xmlDoc.CreateElement("author")

xesub2.InnerText="候捷"

xe1.AppendChild(xesub2)

XmlElement xesub3=xmlDoc.CreateElement("price")

xesub3.InnerText="58.3"

xe1.AppendChild(xesub3)

root.AppendChild(xe1)//添加到<bookstore>节点中

xmlDoc.Save("bookstore.xml")

//===============================================

结果为:

<?xml version="1.0" encoding="gb2312"?>

<bookstore>

<book genre="fantasy" ISBN="2-3631-4">

<title>Oberons Legacy</title>

<author>Corets, Eva</author>

<price>5.95</price>

</book>

<book genre="李赞红" ISBN="2-3631-4">

<title>CS从入门到精通</title>

<author>候捷</author>

<price>58.3</price>

</book>

</bookstore>

2、修改节点:将genre属性值为“李赞红“的节点的genre值改为“update李赞红”,将该节点的子节点<author>的文本修改为“亚胜”。

XmlNodeList nodeList=xmlDoc.SelectSingleNode("bookstore").ChildNodes//获取bookstore节点的所有子节点

foreach(XmlNode xn in nodeList)//遍历所有子节点

{

XmlElement xe=(XmlElement)xn//将子节点类型转换为XmlElement类型

if(xe.GetAttribute("genre")=="李赞红")//如果genre属性值为“李赞红”

{

xe.SetAttribute("genre","update李赞红")//则修改该属性为“update李赞红”

XmlNodeList nls=xe.ChildNodes//继续获取xe子节点的所有子节点

foreach(XmlNode xn1 in nls)//遍历

{

XmlElement xe2=(XmlElement)xn1//转换类型

if(xe2.Name=="author")//如果找到

{

xe2.InnerText="亚胜"//则修改

break//找到退出来就可以了

}

}

break

}

}

xmlDoc.Save("bookstore.xml")//保存。

//==================================================

最后结果为:

<?xml version="1.0" encoding="gb2312"?>

<bookstore>

<book genre="fantasy" ISBN="2-3631-4">

<title>Oberons Legacy</title>

<author>Corets, Eva</author>

<price>5.95</price>

</book>

<book genre="update李赞红" ISBN="2-3631-4">

<title>CS从入门到精通</title>

<author>亚胜</author>

<price>58.3</price>

</book>

</bookstore>

3、删除 <book genre="fantasy" ISBN="2-3631-4">节点的genre属性,删除 <book genre="update李赞红" ISBN="2-3631-4">节点。

XmlNodeList xnl=xmlDoc.SelectSingleNode("bookstore").ChildNodes

foreach(XmlNode xn in xnl)

{

XmlElement xe=(XmlElement)xn

if(xe.GetAttribute("genre")=="fantasy")

{

xe.RemoveAttribute("genre")//删除genre属性

}

else if(xe.GetAttribute("genre")=="update李赞红")

{

xe.RemoveAll()//删除该节点的全部内容

}

}

xmlDoc.Save("bookstore.xml")

//===========================================

最后结果为:

<?xml version="1.0" encoding="gb2312"?>

<bookstore>

<book ISBN="2-3631-4">

<title>Oberons Legacy</title>

<author>Corets, Eva</author>

<price>5.95</price>

</book>

<book>

</book>

</bookstore>

4、显示所有数据。

XmlNode xn=xmlDoc.SelectSingleNode("bookstore")

XmlNodeList xnl=xn.ChildNodes

foreach(XmlNode xnf in xnl)

{

XmlElement xe=(XmlElement)xnf

Console.WriteLine(xe.GetAttribute("genre"))//显示属性值

Console.WriteLine(xe.GetAttribute("ISBN"))

XmlNodeList xnf1=xe.ChildNodes

foreach(XmlNode xn2 in xnf1)

{

Console.WriteLine(xn2.InnerText)//显示子节点点文本

}

}

JQuery中有一个hover方法,举个例子:

当鼠标指针悬停在上面时,改变 <p>元素的背景颜色:

$("p").hover(function(){

$("p").css("background-color","yellow")

},function(){

$("p").css("background-color","pink")

})

原生js里面可以用onmouseenter和onmouseleave实现。

如果一定要添加:hover伪类的话,就只能修改css样式了。。这个我查了好久还是不知道怎么办。

1.节点至少拥有以下三个信息:

node Type:节点类型,元素节点类型为1,属性为2,文本为3,注释为8

node Name:节点名称

node value:节点值

2.父节点:parentNode

语法:element.ParentNode

得到的是离元素最近的父节点,如果找不到就返回null

3.子节点:ParentNode.childNodes

获得所有子节点

4.创建节点:document.create.Element()

document.createElement("元素名") 创建元素节点 

let div1 = document.createElement('div')

console.log(div1)

document.createTextNode("文本")   创建文本节点 

let divText = document.createTextNode('我是div')console.log(divText)

A.appendChild( B) 把B节点追加至A节点的末尾 

div1.appendChild(divText)

 console.log(div1)

 let body = document.querySelector('body')

 body.appendChild(div1)

父节点.insertBefore( A,B ) 把A节点插入到B节点之前 */

let gege = document.createElement('button')

let btnText = document.createTextNode('btn的哥哥')

gege.appendChild(btnText)

let didi = document.getElementById('btn1')

body.insertBefore(gege,didi)

 创建一个h1 我是h1 插入到 btn的前面 */

}