javascript 节点的有关问题
日期：2014-05-16 浏览次数：20283 次
javascript 节点的问题
<HTML>
<HEAD>
<script>
function reverse(e)
{
var f = document.createDocumentFragment();
while(e.lastChild) f.appendChild(e.lastChild);
e.appendChild(f);
}
window.onload = function()
{
var e = document.getElementById('press');
var press = document.getElementsByTagName("input")[0];
press.onclick = function()
{
reverse(e);
};
};
</script>
</HEAD>
<BODY>
<p id = "press" >
<h1>one</h1>
<h2>two</h2>
<h3>three</h3>
</p>
<input type="button" value="press" />
</BODY>
</HTML>
------------------------------------------------
为什么 我把 <h1>one</h1>
<h2>two</h2>
<h3>three</h3>
换成<li>one</li>
<li>two</li>
<li>three</li>
就能运行，难道<h1>不能作为<p>的子节点？
------解决方案--------------------
h1 h2 h3不能嵌套在p标签里面
是html语意规定~·
<HTML>
<HEAD>
<script>
function reverse(e)
{
var f = document.createDocumentFragment();
while(e.lastChild) f.appendChild(e.lastChild);
e.appendChild(f);
}
window.onload = function()
{
var e = document.getElementById('press');
var press = document.getElementsByTagName("input")[0];
press.onclick = function()
{
reverse(e);
};
};
</script>
</HEAD>
<BODY>
<p id = "press" >
<h1>one</h1>
<h2>two</h2>
<h3>three</h3>
</p>
<input type="button" value="press" />
</BODY>
</HTML>
------------------------------------------------
为什么 我把 <h1>one</h1>
<h2>two</h2>
<h3>three</h3>
换成<li>one</li>
<li>two</li>
<li>three</li>
就能运行，难道<h1>不能作为<p>的子节点？
------解决方案--------------------
h1 h2 h3不能嵌套在p标签里面
是html语意规定~·
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
