??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲精品第一综合99久久,亚洲色图校园春色,亚洲成AV人片在WWW色猫咪http://m.tkk7.com/qileilove/category/54260.html不想做屌丝的码农Q不是好目l理Q屌丝生涯从此开始！zh-cnFri, 28 Mar 2014 09:14:02 GMTFri, 28 Mar 2014 09:14:02 GMT60HTML DOM ȝhttp://m.tkk7.com/qileilove/articles/411635.html其自然EVO其自然EVOFri, 28 Mar 2014 08:24:00 GMThttp://m.tkk7.com/qileilove/articles/411635.htmlhttp://m.tkk7.com/qileilove/comments/411635.htmlhttp://m.tkk7.com/qileilove/articles/411635.html#Feedback0http://m.tkk7.com/qileilove/comments/commentRss/411635.htmlhttp://m.tkk7.com/qileilove/services/trackbacks/411635.htmlw3school 在线教程

你已l学习了 HTML DOMQ下一步呢Q?/h1>

HTML DOM ȝ

本教E已l向您讲解了如何使用 HTML DOM 来增强网站的动态交互性?/p>

您已l学会了如何操作 HTML 元素以响应不同的场景?/p>

如需更多有关 HTML DOM 的信息，误问我们的 HTML DOM 实例?nbsp;HTML DOM 参考手?/a>?/p>



其自然EVO 2014-03-28 16:24 发表评论
]]>HTML DOM - Dhttp://m.tkk7.com/qileilove/articles/411634.html其自然EVO其自然EVOFri, 28 Mar 2014 08:20:00 GMThttp://m.tkk7.com/qileilove/articles/411634.htmlhttp://m.tkk7.com/qileilove/comments/411634.htmlhttp://m.tkk7.com/qileilove/articles/411634.html#Feedback0http://m.tkk7.com/qileilove/comments/commentRss/411634.htmlhttp://m.tkk7.com/qileilove/services/trackbacks/411634.html

通过 HTML DOMQ您能够使用节点关系在节Ҏ中导航?/p>

HTML DOM 节点列表

getElementsByTagName() Ҏq回节点列表。节点列表是一个节Ҏl?/p>

下面的代码选取文档中的所?<p> 节点Q?/p>

实例

var x=document.getElementsByTagName("p");

可以通过下标可问这些节炏V如需讉KW二?<p>Q您可以q么写：

y=x[1];

亲自试一?/a>

注释Q?/span>下标号从 0 开始?/p>

HTML DOM 节点列表长度

length 属性定义节点列表中节点的数量?/p>

您可以?length 属性来循环节点列表Q?/p>

实例

x=document.getElementsByTagName("p");  for (i=0;i<x.length;i++) { document.write(x[i].innerHTML); document.write("<br />"); }

亲自试一?/a>

例子解释Q?/h3>
  • 获取所?<p> 元素节点
  • 输出每个 <p> 元素的文本节点的?/li>

D节点关系

您能够用三个节点属性：parentNode、firstChild 以及 lastChild Q在文档l构中进行导航?/p>

L下面?HTML 片段Q?/p>

<html> <body>  <p>Hello World!</p> <div>   <p>DOM 很有?</p>   <p>本例演示节点关系?lt;/p> </div>  </body> </html>

firstChild 属性可用于讉K元素的文本：

实例

<html> <body>  <p id="intro">Hello World!</p>  <script> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script>  </body> </html>

亲自试一?/a>

DOM 根节?/h2>

q里有两个特D的属性，可以讉K全部文档Q?/p>

  • document.documentElement - 全部文档
  • document.body - 文档的主?/li>

实例

<html> <body>  <p>Hello World!</p> <div> <p>DOM 很有?</p> <p>本例演示 <b>document.body</b> 属性?lt;/p> </div>  <script> alert(document.body.innerHTML); </script>  </body> </html>

亲自试一?/a>

childNodes ?nodeValue

除了 innerHTML 属性，您也可以使用 childNodes ?nodeValue 属性来获取元素的内宏V?/p>

下面的代码获?id="intro" ?<p> 元素的|

实例

<html> <body>  <p id="intro">Hello World!</p>  <script> var txt=document.getElementById("intro").childNodes[0].nodeValue; document.write(txt); </script>  </body> </html>

亲自试一?/a>

在上面的例子中，getElementById 是一个方法，?childNodes ?nodeValue 是属性?/p>

在本教程中，我们?innerHTML 属性。不q，学习上面的方法有助于?DOM 树结构和D的理解?/p>



其自然EVO 2014-03-28 16:20 发表评论
]]>HTML DOM - 事ghttp://m.tkk7.com/qileilove/articles/411633.html其自然EVO其自然EVOFri, 28 Mar 2014 08:19:00 GMThttp://m.tkk7.com/qileilove/articles/411633.htmlhttp://m.tkk7.com/qileilove/comments/411633.htmlhttp://m.tkk7.com/qileilove/articles/411633.html#Feedback0http://m.tkk7.com/qileilove/comments/commentRss/411633.htmlhttp://m.tkk7.com/qileilove/services/trackbacks/411633.html

HTML DOM 允许 JavaScript ?HTML 事g作出反应。?/p>

实例

Mouse Over Me
Click Me

对事件作出反?/h2>

当事件发生时Q可以执?JavaScriptQ比如当用户点击一?HTML 元素时?/p>

如需在用LL个元素时执行代码Q请?JavaScript 代码d?HTML 事g属性中Q?/p>

onclick=JavaScript

HTML 事g的例子：

  • 当用L击鼠标时
  • 当网已加蝲?/li>
  • 当图片已加蝲?/li>
  • 当鼠标移动到元素上时
  • 当输入字D被改变?/li>
  • ?HTML 表单被提交时
  • 当用戯发按键时

在本例中Q当用户点击Ӟ会改?<h1> 元素的内容：

实例

<!DOCTYPE html> <html> <body> <h1 onclick="this.innerHTML='hello!'">L击这D|?</h1> </body> </html>

亲自试一?/a>

在本例中Q会从事件处理程序中调用函数Q?/p>

实例

<!DOCTYPE html> <html> <head> <script> function changetext(id) { id.innerHTML="hello!"; } </script> </head> <body> <h1 onclick="changetext(this)">L击这D|?</h1> </body> </html>

亲自试一?/a>

HTML 事g属?/h2>

如需?HTML 元素分配事gQ您可以使用事g属性?/p>

实例

?button 元素分配一?onclick 事gQ?/p>

<button onclick="displayDate()">试一?lt;/button>

亲自试一?/a>

在上面的例子中，当点L钮时Q会执行名ؓ displayDate 的函数?/p>

使用 HTML DOM 来分配事?/h2>

HTML DOM 允许您?JavaScript ?HTML 元素分配事gQ?/p>

实例

?button 元素分配 onclick 事gQ?/p>

<script> document.getElementById("myBtn").onclick=function(){displayDate()}; </script>

亲自试一?/a>

在上面的例子中，名ؓ displayDate 的函数被分配l了 id=myButn" ?HTML 元素?/p>

当按钮被点击Ӟ执行函数?/p>

onload ?onunload 事g

当用戯入或d面Ӟ会触?onload ?onunload 事g?/p>

onload 事g可用于检查访客的览器类型和版本Q以便基于这些信息来加蝲不同版本的网c?/p>

onload ?onunload 事g可用于处?cookies?/p>

实例

<body onload="checkCookies()">

亲自试一?/a>

onchange 事g

onchange 事g常用于输入字D늚验证?/p>

下面的例子展CZ如何使用 onchange。当用户改变输入字段的内ҎQ将调用 upperCase() 函数?/p>

实例

<input type="text" id="fname" onchange="upperCase()">

亲自试一?/a>

onmouseover ?onmouseout 事g

onmouseover ?onmouseout 事g可用于在鼠标指针Ud到或d元素时触发函数?/p>

实例

一个简单的 onmouseover-onmouseout 例子Q?/p>

亲自试一?/a>

onmousedown、onmouseup 以及 onclick 事g

onmousedown、onmouseup 以及 onclick 事g是鼠标点ȝ全部q程。首先当某个鼠标按钮被点LQ触?onmousedown 事gQ然后，当鼠标按钮被村ּӞ会触?onmouseup 事gQ最后，当鼠标点d成时Q触?onclick 事g?/p>

实例

一个简单的 onmousedown-onmouseup 实例Q?/p>

亲自试一?/a>

HTML DOM 事g对象参考手?/h2>

如需每个事g的完整描q和例子Q请讉K我们?nbsp;HTML DOM 参考手?/a>?/p>



其自然EVO 2014-03-28 16:19 发表评论
]]>HTML DOM - 元素http://m.tkk7.com/qileilove/articles/411631.html其自然EVO其自然EVOFri, 28 Mar 2014 08:04:00 GMThttp://m.tkk7.com/qileilove/articles/411631.htmlhttp://m.tkk7.com/qileilove/comments/411631.htmlhttp://m.tkk7.com/qileilove/articles/411631.html#Feedback0http://m.tkk7.com/qileilove/comments/commentRss/411631.htmlhttp://m.tkk7.com/qileilove/services/trackbacks/411631.html

d、删除和替换 HTML 元素?/p>

创徏新的 HTML 元素 - appendChild()

如需?HTML DOM d新元素，您首先必d元素Q然后把它追加到已有的元素上?/p>

实例

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div>  <script> var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node);  var element=document.getElementById("div1"); element.appendChild(para); </script>

亲自试一?/a>

例子解释

q段代码创徏了一个新?<p> 元素Q?/p>

var para=document.createElement("p");

如需?<p> 元素d文本Q您首先必须创徏文本节点。这D代码创建文本节点：

var node=document.createTextNode("This is a new paragraph.");

然后您必d <p> 元素q加文本节点Q?/p>

para.appendChild(node);

最后，您必d已有元素q加q个新元素?/p>

q段代码查找C个已有的元素Q?/p>

var element=document.getElementById("div1");

q段代码向这个已存在的元素追加新元素Q?/p>

element.appendChild(para);

创徏新的 HTML 元素 - insertBefore()

上一个例子中?appendChild() ҎQ将新元素作为父元素的最后一个子元素q行d?/p>

如果不希望如此，您可以?insertBefore() ҎQ?/p>

实例

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div>  <script> var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node);  var element=document.getElementById("div1"); var child=document.getElementById("p1"); element.insertBefore(para,child); </script>

亲自试一?/a>

删除已有?HTML 元素

如需删除 HTML 元素Q您必须清楚该元素的父元素：

实例

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div> <script> var parent=document.getElementById("div1"); var child=document.getElementById("p1"); parent.removeChild(child); </script>

亲自试一?/a>

例子解释

q个 HTML 文档包含一个带有两个子节点Q两?<p> 元素Q的 <div> 元素Q?/p>

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div>

查找 id="div1" 的元素：

var parent=document.getElementById("div1");

查找 id="p1" ?<p> 元素Q?/p>

var child=document.getElementById("p1");

从父元素中删除子元素Q?/p>

parent.removeChild(child);

提示Q?/span>能否在不引用父元素的情况下删除某个元素？

很抱歉。DOM 需要了解您需要删除的元素Q以及它的父元素?/p>

q里提供一个常用的解决ҎQ找到您需要删除的子元素，然后使用 parentNode 属性来查找其父元素Q?/p>

var child=document.getElementById("p1"); child.parentNode.removeChild(child);

替换 HTML 元素

如需替换 HTML DOM 中的元素Q请使用 replaceChild() ҎQ?/p>

实例

<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div>  <script> var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node);  var parent=document.getElementById("div1"); var child=document.getElementById("p1"); parent.replaceChild(para,child); </script>

亲自试一?/a>



其自然EVO 2014-03-28 16:04 发表评论
]]>HTML DOM - 修改 HTML 内容http://m.tkk7.com/qileilove/articles/411629.html其自然EVO其自然EVOFri, 28 Mar 2014 07:59:00 GMThttp://m.tkk7.com/qileilove/articles/411629.htmlhttp://m.tkk7.com/qileilove/comments/411629.htmlhttp://m.tkk7.com/qileilove/articles/411629.html#Feedback0http://m.tkk7.com/qileilove/comments/commentRss/411629.htmlhttp://m.tkk7.com/qileilove/services/trackbacks/411629.html

通过 HTML DOMQJavaScript 能够讉K HTML 文档中的每个元素?/p>

改变 HTML 内容

改变元素内容的最{的Ҏ是?innerHTML 属性?/p>

下面的例子更?<p> 元素?HTML 内容Q?/p>

实例

<html> <body>  <p id="p1">Hello World!</p>  <script> document.getElementById("p1").innerHTML="New text!"; </script>  </body> </html>

亲自试一?/a>

改变 HTML 样式

通过 HTML DOMQ您能够讉K HTML 对象的样式对象?/p>

下面的例子更Ҏ落的 HTML 样式Q?/p>

实例

<html>  <body> <p id="p2">Hello world!</p>  <script> document.getElementById("p2").style.color="blue"; </script>  </body> </html>

亲自试一?/a>

使用事g

HTML DOM 允许您在事g发生时执行代码?/p>

?HTML 元素”有事情发?#8220;Ӟ览器就会生成事Ӟ

你可以在下一章学习更多有关事件的内容?/p>

下面两个例子在按钮被点击时改?<body> 元素的背景色Q?/p>

实例

<html> <body>  <input type="button" onclick="document.body.style.backgroundColor='lavender';" value="Change background color" />  </body> </html>

亲自试一?/a>

在本例中Q由函数执行相同的代码：

实例

<html> <body>  <script> function ChangeBackground() { document.body.style.backgroundColor="lavender"; } </script>  <input type="button" onclick="ChangeBackground()" value="Change background color" />  </body> </html>

亲自试一?/a>

下面的例子在按钮被点L改变 <p> 元素的文本：

实例

<html> <body>  <p id="p1">Hello world!</p>  <script> function ChangeText() { document.getElementById("p1").innerHTML="New text!"; } </script>  <input type="button" onclick="ChangeText()" value="Change text">  </body> </html>

亲自试一?/a>



其自然EVO 2014-03-28 15:59 发表评论
]]>HTML DOM 讉Khttp://m.tkk7.com/qileilove/articles/411620.html其自然EVO其自然EVOFri, 28 Mar 2014 07:38:00 GMThttp://m.tkk7.com/qileilove/articles/411620.htmlhttp://m.tkk7.com/qileilove/comments/411620.htmlhttp://m.tkk7.com/qileilove/articles/411620.html#Feedback0http://m.tkk7.com/qileilove/comments/commentRss/411620.htmlhttp://m.tkk7.com/qileilove/services/trackbacks/411620.html

讉K HTML DOM - 查找 HTML 元素?/p>

讉K HTML 元素Q节点）

讉K HTML 元素{同于访问节?/p>

您能够以不同的方式来讉K HTML 元素Q?/p>

  • 通过使用 getElementById() Ҏ
  • 通过使用 getElementsByTagName() Ҏ
  • 通过使用 getElementsByClassName() Ҏ

getElementById() Ҏ

getElementById() Ҏq回带有指定 ID 的元素：

语法

node.getElementById("id");

下面的例子获?id="intro" 的元素：

实例

document.getElementById("intro");

亲自试一?/a>

getElementsByTagName() Ҏ

getElementsByTagName() q回带有指定标签名的所有元素?/p>

语法

node.getElementsByTagName("tagname");

下面的例子返回包含文档中所?<p> 元素的列表：

实例 1

document.getElementsByTagName("p");

亲自试一?/a>

下面的例子返回包含文档中所?<p> 元素的列表，q且q些 <p> 元素应该?id="main" 的元素的后代Q子、孙{等Q：

实例 2

document.getElementById("main").getElementsByTagName("p");

亲自试一?/a>

getElementsByClassName() Ҏ

如果您希望查扑ָ有相同类名的所?HTML 元素Q请使用q个ҎQ?/p>

document.getElementsByClassName("intro");

上面的例子返回包?class="intro" 的所有元素的一个列表：

注释Q?/span>getElementsByClassName() ?Internet Explorer 5,6,7,8 中无效?/p>



其自然EVO 2014-03-28 15:38 发表评论
]]>HTML DOM 属?/title><link>http://m.tkk7.com/qileilove/articles/411619.html</link><dc:creator>其自然EVO</dc:creator><author>其自然EVO</author><pubDate>Fri, 28 Mar 2014 07:30:00 GMT</pubDate><guid>http://m.tkk7.com/qileilove/articles/411619.html</guid><wfw:comment>http://m.tkk7.com/qileilove/comments/411619.html</wfw:comment><comments>http://m.tkk7.com/qileilove/articles/411619.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/qileilove/comments/commentRss/411619.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/qileilove/services/trackbacks/411619.html</trackback:ping><description><![CDATA[<h1><div style="display: inline-block;"><div class="g0w00kw" id="intro" style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 0px; padding: 0px; border: 0px; line-height: 18px;">属性是节点QHTML 元素Q的|您能够获取或讄?/p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 微Y雅黑; font-size: 14px;">~程接口</h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">可通过 JavaScript Q以及其他编E语aQ对 HTML DOM q行讉K?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">所?HTML 元素被定义ؓ对象Q而编E接口则是对象方法和对象属性?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">Ҏ是您能够执行的动作（比如d或修改元素）?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">属性是您能够获取或讄的|比如节点的名U或内容Q?/p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 微Y雅黑; font-size: 14px;">innerHTML 属?/h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">获取元素内容的最单方法是使用 innerHTML 属性?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">innerHTML 属性对于获取或替换 HTML 元素的内容很有用?/p></div></div></h1><h3 style="margin: 20px 0px 0px; padding: 0px; border: 0px; font-size: 12px;">实例</h3><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">下面的代码获?id="intro" ?<p> 元素?innerHTMLQ?/p></div></div></h1><h3 style="margin: 20px 0px 0px; padding: 0px; border: 0px; font-size: 12px;">实例</h3><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><pre style="margin-top: 10px; margin-bottom: 0px; padding: 10px; border: 1px dotted #778855; font-family: 'Courier New', Courier, monospace; width: 685px; background-color: #f5f5f5;"><html> <body> <p id="intro">Hello World!</p> <script> var txt=document.getElementById("intro").innerHTML; document.write(txt); </script> </body> </html> </pre><p class="tiy" style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><a target="_blank" style="margin: 0px; padding: 0px; border: 0px; color: #900b09; background-color: transparent;">亲自试一?/a></p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">在上面的例子中，getElementById 是一个方法，?innerHTML 是属性?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">innerHTML 属性可用于获取或改变Q?HTML 元素Q包?<html> ?<body>?/p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 微Y雅黑; font-size: 14px;">nodeName 属?/h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">nodeName 属性规定节点的名称?/p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">nodeName 是只ȝ</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">元素节点?nodeName 与标{֐相同</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">属性节点的 nodeName 与属性名相同</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">文本节点?nodeName 始终?#text</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">文档节点?nodeName 始终?#document</li></ul><p class="note" style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">注释Q?/span>nodeName 始终包含 HTML 元素的大写字母标{֐?/p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 微Y雅黑; font-size: 14px;">nodeValue 属?/h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">nodeValue 属性规定节点的倹{?/p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">元素节点?nodeValue ?undefined ?null</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">文本节点?nodeValue 是文本本w?/li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">属性节点的 nodeValue 是属性?/li></ul></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 微Y雅黑; font-size: 14px;">获取元素的?/h2><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">下面的例子会取回 <p id="intro"> 标签的文本节点|</p></div></div></h1><h3 style="margin: 20px 0px 0px; padding: 0px; border: 0px; font-size: 12px;">实例</h3><h1><div style="display: inline-block;"><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><pre style="margin-top: 10px; margin-bottom: 0px; padding: 10px; border: 1px dotted #778855; font-family: 'Courier New', Courier, monospace; width: 685px; background-color: #f5f5f5;"><html> <body> <p id="intro">Hello World!</p> <script type="text/javascript"> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html> </pre><p class="tiy" style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><a target="_blank" style="margin: 0px; padding: 0px; border: 0px; color: #900b09; background-color: transparent;">亲自试一?/a></p></div></div></h1><h2 style="margin: 0px; padding: 0px; border: 0px; font-family: 微Y雅黑; font-size: 14px;">nodeType 属?/h2><h1><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; font-weight: normal; line-height: normal; background-color: #f9f9f9;"><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">nodeType 属性返回节点的cd。nodeType 是只ȝ?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">比较重要的节点类型有Q?/p><table style="margin: 10px 0px 0px; padding: 0px; border-style: solid; border-color: #aaaaaa; border-collapse: collapse; width: 425px;"><tbody style="margin: 0px; padding: 0px; border: 0px;"><tr style="margin: 0px; padding: 0px; border: 0px;"><th style="margin: 0px; padding: 5px 15px 5px 5px; border: 1px solid #aaaaaa; vertical-align: baseline; background-color: #d5d5d5;">元素cd</th><th style="margin: 0px; padding: 5px 15px 5px 5px; border: 1px solid #aaaaaa; vertical-align: baseline; background-color: #d5d5d5;">NodeType</th></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">元素</td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">1</td></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">属?/td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">2</td></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">文本</td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">3</td></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">注释</td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">8</td></tr><tr style="margin: 0px; padding: 0px; border: 0px;"><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">文档</td><td style="margin: 0px; padding: 5px 15px 5px 5px; border-style: solid; border-color: #aaaaaa; vertical-align: text-top; background-color: #efefef;">9</td></tr></tbody></table></div></h1><img src ="http://m.tkk7.com/qileilove/aggbug/411619.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/qileilove/" target="_blank">其自然EVO</a> 2014-03-28 15:30 <a href="http://m.tkk7.com/qileilove/articles/411619.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>HTML DOM Ҏhttp://m.tkk7.com/qileilove/articles/411618.html其自然EVO其自然EVOFri, 28 Mar 2014 07:17:00 GMThttp://m.tkk7.com/qileilove/articles/411618.htmlhttp://m.tkk7.com/qileilove/comments/411618.htmlhttp://m.tkk7.com/qileilove/articles/411618.html#Feedback0http://m.tkk7.com/qileilove/comments/commentRss/411618.htmlhttp://m.tkk7.com/qileilove/services/trackbacks/411618.html

Ҏ是我们可以在节点QHTML 元素Q上执行的动作?/p>

~程接口

可通过 JavaScript Q以及其他编E语aQ对 HTML DOM q行讉K?/p>

所?HTML 元素被定义ؓ对象Q而编E接口则是对象方法和对象属性?/p>

Ҏ是您能够执行的动作（比如d或修改元素）?/p>

属性是您能够获取或讄的|比如节点的名U或内容Q?/p>

getElementById() Ҏ

getElementById() Ҏq回带有指定 ID 的元素：

例子

var element=document.getElementById("intro");

亲自试一?/a>

HTML DOM 对象 - Ҏ和属?/h2>

一些常用的 HTML DOM ҎQ?/p>

  • getElementById(id) - 获取带有指定 id 的节点（元素Q?/li>
  • appendChild(node) - 插入新的子节点（元素Q?/li>
  • removeChild(node) - 删除子节点（元素Q?/li>

一些常用的 HTML DOM 属性：

  • innerHTML - 节点Q元素）的文本?/li>
  • parentNode - 节点Q元素）的父节点
  • childNodes - 节点Q元素）的子节点
  • attributes - 节点Q元素）的属性节?/li>

您将在本教程的下一章中学到更多有关属性的知识?/p>

现实生活中的对象

某个人是一个对象?/p>

人的Ҏ可能?eat(), sleep(), work(), play() {等?/p>

所有h都有q些ҎQ但会在不同旉执行它们?/p>

一个h的属性包括姓名、n高、体重、年龄、性别{等?/p>

所有h都有q些属性，但它们的值因异?/p>

一?DOM 对象Ҏ

q里提供一些您在本教E中学到的常用方法：

Ҏ描述
getElementById()q回带有指定 ID 的元素?/td>
getElementsByTagName()q回包含带有指定标签名称的所有元素的节点列表Q集?节点数组Q?/td>
getElementsByClassName()q回包含带有指定cd的所有元素的节点列表?/td>
appendChild()把新的子节点d到指定节炏V?/td>
removeChild()删除子节炏V?/td>
replaceChild()替换子节炏V?/td>
insertBefore()在指定的子节点前面插入新的子节点?/td>
createAttribute()创徏属性节炏V?/td>
createElement()创徏元素节点?/td>
createTextNode()创徏文本节点?/td>
getAttribute()q回指定的属性倹{?/td>
setAttribute()把指定属性设|或修改为指定的倹{?/td>


其自然EVO 2014-03-28 15:17 发表评论
]]>HTML DOM 节点http://m.tkk7.com/qileilove/articles/411617.html其自然EVO其自然EVOFri, 28 Mar 2014 07:16:00 GMThttp://m.tkk7.com/qileilove/articles/411617.htmlhttp://m.tkk7.com/qileilove/comments/411617.htmlhttp://m.tkk7.com/qileilove/articles/411617.html#Feedback0http://m.tkk7.com/qileilove/comments/commentRss/411617.htmlhttp://m.tkk7.com/qileilove/services/trackbacks/411617.html

?HTML DOM 中，所有事物都是节炏VDOM 是被视ؓ节点树的 HTML?/span>

DOM 节点

Ҏ W3C ?HTML DOM 标准QHTML 文档中的所有内定w是节点：

  • 整个文档是一个文档节?/li>
  • 每个 HTML 元素是元素节?/li>
  • HTML 元素内的文本是文本节?/li>
  • 每个 HTML 属性是属性节?/li>
  • 注释是注释节?/li>

HTML DOM 节点?/h2>

HTML DOM ?HTML 文档视作树结构。这U结构被UCؓ节点?/span>Q?/p>

HTML DOM Tree 实例

HTML DOM Node Tree

通过 HTML DOMQ树中的所有节点均可通过 JavaScript q行讉K。所?HTML 元素Q节点）均可被修改，也可以创建或删除节点?/p>

节点父、子和同?/h2>

节点树中的节点彼此拥有层U关pR?/p>

ӞparentQ、子QchildQ和同胞QsiblingQ等术语用于描述q些关系。父节点拥有子节炏V同U的子节点被UCؓ同胞Q兄弟或姐妹Q?/p>

  • 在节Ҏ中，端节点被称为根QrootQ?/li>
  • 每个节点都有父节炏V除了根Q它没有父节点）
  • 一个节点可拥有L数量的子
  • 同胞是拥有相同父节点的节?/li>

下面的图片展CZ节点树的一部分Q以及节点之间的关系Q?/p>DOM 节点关系

L下面?HTML 片段Q?/h2>
<html>   <head>     <title>DOM 教程</title>   </head>   <body>     <h1>DOM W一?lt;/h1>     <p>Hello world!</p>   </body> </html>

从上面的 HTML 中：

  • <html> 节点没有父节点；它是根节?/li>
  • <head> ?<body> 的父节点?<html> 节点
  • 文本节点 "Hello world!" 的父节点?<p> 节点

q且Q?/p>

  • <html> 节点拥有两个子节点：<head> ?<body>
  • <head> 节点拥有一个子节点Q?lt;title> 节点
  • <title> 节点也拥有一个子节点Q文本节?"DOM 教程"
  • <h1> ?<p> 节点是同胞节点，同时也是 <body> 的子节点

q且Q?/p>

  • <head> 元素?<html> 元素的首个子节点
  • <body> 元素?<html> 元素的最后一个子节点
  • <h1> 元素?<body> 元素的首个子节点
  • <p> 元素?<body> 元素的最后一个子节点

警告Q?/h2>

DOM 处理中的常见错误是希望元素节点包含文本?/p>

在本例中Q?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;"><title>DOM 教程</title>Q元素节?<title>Q包含gؓ "DOM 教程" ?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">文本节点?/p>

可通过节点?nbsp;innerHTML 属性来讉K文本节点的倹{?/p>

您将在稍后的章节中学习更多有?innerHTML 属性的知识?/p>



其自然EVO 2014-03-28 15:16 发表评论
]]>HTML DOM 教程http://m.tkk7.com/qileilove/articles/411615.html其自然EVO其自然EVOFri, 28 Mar 2014 07:08:00 GMThttp://m.tkk7.com/qileilove/articles/411615.htmlhttp://m.tkk7.com/qileilove/comments/411615.htmlhttp://m.tkk7.com/qileilove/articles/411615.html#Feedback0http://m.tkk7.com/qileilove/comments/commentRss/411615.htmlhttp://m.tkk7.com/qileilove/services/trackbacks/411615.html

HTML DOM 定义了访问和操作 HTML 文档的标准方法?/p>

DOM ?HTML 文档表达为树l构?/p>

开始学?HTML DOMQ?/p>

HTML DOM ?/h2>HTML DOM Node Tree

HTML DOM 实例

学习 100 个实例！通过我们的在U编辑器Q您能够~辑 HTML 代码Q然后点?#8220;亲自试一?#8221;按钮来查看结果?/p>

HTML DOM 实例

HTML DOM 参考手?/h2>

?W3SchoolQ我们提供包含大量实例的完整 HTML DOM 参考手册?/p>

HTML DOM 参考手?/a>



其自然EVO 2014-03-28 15:08 发表评论
]]>HTML DOM ?/title><link>http://m.tkk7.com/qileilove/articles/411616.html</link><dc:creator>其自然EVO</dc:creator><author>其自然EVO</author><pubDate>Fri, 28 Mar 2014 07:08:00 GMT</pubDate><guid>http://m.tkk7.com/qileilove/articles/411616.html</guid><wfw:comment>http://m.tkk7.com/qileilove/comments/411616.html</wfw:comment><comments>http://m.tkk7.com/qileilove/articles/411616.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/qileilove/comments/commentRss/411616.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/qileilove/services/trackbacks/411616.html</trackback:ping><description><![CDATA[<div class="8qk0ekq" id="intro" style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><p style="margin: 0px; padding: 0px; border: 0px; line-height: 18px;"><span style="margin: 0px; padding: 0px; border: 0px; font-family: 微Y雅黑; font-size: 14px; font-weight: 800;">HTML DOM 定义了访问和操作 HTML 文档的标准?/span></p></div><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><h2>您应该具备的基础知识</h2><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">在您l箋学习之前Q您需要对以下内容拥有基本的了解：</p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">HTML</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">CSS</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">JavaScript</li></ul><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">如果您需要首先学习这些项目，误问我们的<a title="W3School 在线教程" style="margin: 0px; padding: 0px; border: 0px; color: #900b09; background-color: transparent;">首页</a>?/p></div><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><h2>什么是 DOMQ?/h2><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">DOM ?W3CQ万l网联盟Q的标准?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">DOM 定义了访?HTML ?XML 文档的标准：</p><blockquote style="margin: 15px; padding: 0px; border: 0px;">“W3C 文档对象模型 QDOMQ?是中立于q_和语a的接口，它允许程序和脚本动态地讉K和更新文档的内容、结构和样式?#8221;</blockquote><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">W3C DOM 标准被分?3 个不同的部分Q?/p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">核心 DOM - 针对Ml构化文档的标准模型</li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">XML DOM - 针对 XML 文档的标准模?/li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">HTML DOM - 针对 HTML 文档的标准模?/li></ul><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">~者注Q?/span>DOM ?Document Object ModelQ文档对象模型）的羃写?/p></div><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><h2>什么是 XML DOMQ?/h2><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">XML DOM 定义了所?XML 元素?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">对象</span>?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">属?/span>Q以及访问它们的<span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">Ҏ</span>?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">如果您需要学?XML DOMQ请讉K我们?nbsp;<a title="XML DOM 教程" style="margin: 0px; padding: 0px; border: 0px; color: #900b09; background-color: transparent;">XML DOM 教程</a>?/p></div><div style="margin: 0px 0px 0px 15px; padding-top: 20px; padding-bottom: 20px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: #aaaaaa; border-bottom-color: #aaaaaa; width: 710px; font-family: Verdana, Arial, 宋体; font-size: 12px; line-height: normal; background-color: #f9f9f9;"><h2>什么是 HTML DOMQ?/h2><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">HTML DOM 是：</p><ul style="margin: 10px 0px 0px 35px; padding: 0px; border: 0px;"><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">HTML 的标准对象模?/li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">HTML 的标准编E接?/li><li style="margin: 3px 0px 0px; padding: 0px; border: 0px;">W3C 标准</li></ul><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;">HTML DOM 定义了所?HTML 元素?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">对象</span>?span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">属?/span>Q以及访问它们的<span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">Ҏ</span>?/p><p style="margin: 12px 0px 0px; padding: 0px; border: 0px; line-height: 18px;"><span style="margin: 0px; padding: 0px; border: 0px; font-weight: bold;">换言之，HTML DOM 是关于如何获取、修攏V添加或删除 HTML 元素的标准?/span></p></div><img src ="http://m.tkk7.com/qileilove/aggbug/411616.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/qileilove/" target="_blank">其自然EVO</a> 2014-03-28 15:08 <a href="http://m.tkk7.com/qileilove/articles/411616.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <p>лǵվܻԴȤ</p> <a href="http://m.tkk7.com/" title="亚洲av成人片在线观看">亚洲av成人片在线观看</a> <div class="friend-links"> </div> </div> </footer> վ֩ģ壺 <a href="http://2255325.com" target="_blank">޹ľƷ</a>| <a href="http://71caoxee.com" target="_blank">ˬָ߳ëƬ</a>| <a href="http://zbhongtai.com" target="_blank">aëƬѹۿ</a>| <a href="http://91xqq.com" target="_blank">AVþþƷ</a>| <a href="http://datian-cn.com" target="_blank">վ</a>| <a href="http://slmlxg.com" target="_blank">avѴƬ߹ۿ</a>| <a href="http://lybb16.com" target="_blank">ձ뿨23</a>| <a href="http://khushkhush.com" target="_blank">žȾþƵ</a>| <a href="http://baicaijia666.com" target="_blank">jiz zz</a>| <a href="http://dsfv1.com" target="_blank">ŷ͵ҹɫ</a>| <a href="http://gayhh.com" target="_blank">ղһ</a>| <a href="http://33sse.com" target="_blank">߿Ƭվ</a>| <a href="http://nibayuan.com" target="_blank">˳Ƶ</a>| <a href="http://cytanhuang.com" target="_blank">ëƬƵ</a>| <a href="http://zz1965.com" target="_blank">޹ƷŮþþþ</a>| <a href="http://33a55.com" target="_blank">뾫Ʒ</a>| <a href="http://286513.com" target="_blank">޾ƷþþþþV </a>| <a href="http://8x6c.com" target="_blank">þҹɫƷa</a>| <a href="http://chinacmk.com" target="_blank">С˵ͼƬƵ</a>| <a href="http://ruidamo.com" target="_blank">޹Ů߹ۿ </a>| <a href="http://sjmthanks.com" target="_blank">ޱˬavˬ</a>| <a href="http://41xjj.com" target="_blank">anan߹ۿ</a>| <a href="http://jomujy.com" target="_blank">Ʒ޳aƬ߹ۿ</a>| <a href="http://mcsser.com" target="_blank">av³˿һ</a>| <a href="http://kaixininvestment.com" target="_blank">ޱAAAר</a>| <a href="http://96j6.com" target="_blank">Ƶһ</a>| <a href="http://26cgw.com" target="_blank">AV߹ۿ </a>| <a href="http://zanyoo.com" target="_blank">ŮvƬ</a>| <a href="http://shenghe228.com" target="_blank">Ůˬ̼ƵѲ</a>| <a href="http://zanyoo.com" target="_blank">ȾþþƷƵ</a>| <a href="http://747767.com" target="_blank">þþ뾫Ʒպ</a>| <a href="http://newbuybay.com" target="_blank">͵޾Ʒҳ65ҳ</a>| <a href="http://popodino.com" target="_blank">һۿ</a>| <a href="http://kkxzz.com" target="_blank">޸ľƷ26U</a>| <a href="http://chinaedubrand.com" target="_blank">ҳ߹ۿ</a>| <a href="http://327www.com" target="_blank">Ƶ2ѹۿ</a>| <a href="http://www-34595.com" target="_blank">޹רһ</a>| <a href="http://lcqkp.com" target="_blank">avרԭ</a>| <a href="http://aaaaa123.com" target="_blank">2019Ļ6</a>| <a href="http://xjtuykw.com" target="_blank">þþƷƷް</a>| <a href="http://bjfljg.com" target="_blank">޳վ߹ۿ</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>