DOM操作形式
结点类别
<p title=“remark”>附注</p>结点分成四个类别
原素结点 如前述html中的p条码特性结点 如前述html中的title特性，原素结点的特性文档结点 如前述html中的 附注，原素结点的子结点文件格式读取次序
第二种形式：在<html>后撰写<script>
tml中须要保证id值惟一
window.onload = function(){ var content = document.getElementById(“content”); } var liNodes = document.getElementsByTagName(“li”);属于node的方法，可以使用任何结点来调用该方法
var content = document.getElementById(“content”); var liNodes = content.getElementsByTagName(“li”); var genders = document.getElementsByName(“gender”);操作形式特性结点
varnameNode = document.getElementById(“name”); // 读取特性的值 var value = nameNode.value; // 设置指定的特性值 nameNode.value = “你好”;点
window.onload = function () { var city = document.getElementById(“city”); var cityLiNode = city.getElementsByTagName(“li”); alert(cityLiNode.length); }结点的特性
所有的结点都包含有nodeType、nodeName、nodeValue
// 原素结点 var elementNode = document.getElementById(“bj”); alert(elementNode.nodeType);// 原素结点:1 alert(elementNode.nodeName); // 结点名：li alert(elementNode.nodeValue); // 原素结点没有nodeValue特性值：null // 特性结点 var attributeNode = elementNode.getAttributeNode(“name”); alert(attributeNode.nodeType);//特性结点：2 alert(attributeNode.nodeName); // 特性结点的结点名：特性名 alert(attributeNode.nodeValue); // 特性结点的nodeValue特性值 ： 特性值 // 文档结点 var textNode = elementNode.firstChild; alert(textNode.nodeType); //文档结点：3 alert(textNode.nodeName); // 文档结点的nodeName：#text alert(textNode.nodeValue); // 特性结点的nodeValue ：文档值
