js
来源:互联网 发布:索菲亚机器人 知乎 编辑:程序博客网 时间:2024/05/16 17:48
nodelist:
Array.prototype.testNodeList = "test nodelist";
function NodeList() {
var list = document.getElementsByTagName("li");
alert(list.testNodeList);
}
function test() {
alert(new Array().testNodeList); //test nodelist
NodeList(); //undefined
}
test();
parentNode:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script language="JavaS
function test() {
var node = document.getElementById("li1");
alert(node.parentNode.id);
}
</script>
</head>
<body>
<ul id="u">
<li id="li1" class="li1">Magci</li>
<li id="li2">J2EE</li>
<li id="li3">Haha!</li>
</ul>
<input type="button" value="Click Me!" on
</body>
</html>
firstChild:
<div id="abc"><span>DIV的子对象</span></div>
<script language="javascript">
alert(document.getElementById('abc').firstChild.tagname); // 返回SPAN
alert(document.getElementById('abc').firstChild.innerHTML); // 返回"DIV的子对象"
</script>
lastChild:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
<p>下雨了</p>
<p>心好累</p>
</div>
</body>
<script>
var last=document.getElementsByTagName('div')[0]
console.log(last.lastChild);
</script>
</html>
previousSibling:
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script>
function get_previoussibling(n)
{
var x=n.previousSibling;
while (x.nodeType!=1)
{
x=x.previousSibling;
}
return x;
}
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("author")[0];
document.write(x.nodeName);
document.write(" = ");
document.write(x.childNodes[0].nodeValue);
var y=get_previoussibling(x);
document.write("<br />Previous sibling: ");
document.write(y.nodeName);
document.write(" = ");
document.write(y.childNodes[0].nodeValue);
author = Giada De Laurentiis
Previous sibling: title = Everyday Italian
</script>
</html>
previousElementSibling:
<html>
<body>
<p>列表示例:</p>
<ul id="myList"><li id="item1">Coffee</li><li id="item2">Tea</li></ul>
<p id="demo">请点击按钮来获得第二个列表项的前一个同胞的 id。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var itm=document.getElementById("item2");
var x=document.getElementById("demo");
x.innerHTML=itm.previousSibling.id;
}
</script>
<p><b>注释:</b>元素内的空白字符被视作文本,而文本被视作节点。</p>
<p>请在两个 <li> 元素之间添加空格,结果将是 "undefined"。</p>
</body>
</html>
appendChild:
<!DOCTYPE html>
<html>
<body>
<ul id="myList"><li>Coffee</li><li>Tea</li></ul>
<p id="demo">请点击按钮向列表中添加项目。</p>
<button onclick="myFunction()">亲自试一试</button>
<script>
function myFunction()
{
var node=document.createElement("LI");
var textnode=document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
}
</script>
<p><b>注释:</b>首先创建 LI 节点,然后创建文本节点,然后把这个文本节点追加到 LI 节点。最后把 LI 节点添加到列表中。</p>
</body>
</html>
insertBefore:
<html>
<body>
<ul id="myList"><li>Coffee</li><li>Tea</li></ul>
<p id="demo">请点击按钮向列表插入一个项目。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var newItem=document.createElement("LI")
var textnode=document.createTextNode("Water")
newItem.appendChild(textnode)
var list=document.getElementById("myList")
list.insertBefore(newItem,list.childNodes[0]);
}
</script>
<p><b>注释:</b><br>首先请创建一个 LI 节点,<br>然后创建一个文本节点,<br>然后向这个 LI 节点追加文本节点。<br>最后在列表中的首个子节点之前插入此 LI 节点。</p>
</body>
</html>
- js
- js
- JS
- JS
- JS
- js
- js
- js
- js
- js
- JS
- js
- JS
- js
- js
- js
- js
- JS
- NAT技术和代理服务器
- 解决MySQl查询不区分大小写
- EL和JSTL-6.24
- 在Web页面中实现数据表格的排序功能(全部数据,非当前页)
- 用c写一个计数器类
- js
- tensorflow 安装
- 6.24
- 《Inside C#》笔记(八) 接口
- 如何独立进行数据库设计详解及基本的知识概念
- 防止提示框连续的完整出现
- libvirt Java API用法连载之解决Unable to load library 'virt'(番外)
- Java -verbose:gc 命令详解 JVM参数以及其含义
- 喜马拉雅音频下载工具