Js中獲取節點物件
阿新 • • 發佈：2019-02-13
document.getElementsById('element'):可獲取指定id物件集合,例如id為element的input標籤物件。
document.getElementsByName("element"):可獲取帶有指定名稱的物件的集合，例如name為element的input標籤物件。
document.getElementsByTagName("Input"):可獲取帶有指定標籤名的物件集合,例如input標籤物件。
.parentNode表示獲取其父節點物件,.childNodes表示獲取其子節點物件。
var Element = document.getElementById("ul1").getElementsByTagName("li");//獲取ul1的所有子元素，返回的是一個集合。
var Element = document.getElementById("ul1").childNodes;
獲取與設定(新增)物件的屬性：
<html><head>
<meta charset=" utf-8">
<script type="text/javascript">
function Attribute(){
var thisinput=document.getElementById("input");
thisinput.setAttribute("value","文字框已經改變");
// thisinput.value="文字框已經改變";
}
function get1(){
var thisinput=document.getElementById("input");
alert(thisinput.getAttribute("id"));
// alert(thisinput.id);
}
function get2(){
var thisinput=document.getElementById("input");
alert(thisinput.id.substr(2, 3));//start,length,輸出put。
alert(thisinput.id.substring(3,2));//start,end.也可為substring(3，2)，從小到大開始計算並且不包含end，所以該例輸出為”p“。
}
</script>
</head>
<body>
<input id="input" type="text" onfocus="Attribute()"/>
<button onclick="get1()">獲取input的id屬性</button>
<button onclick="get2()">擷取input的id屬性</button>
</body>
</html>