javaScript--05 DOM基础 12.5

来源：互联网发布：可以证件照软件编辑：程序博客网时间：2024/05/18 01:45

document.getElementById()、.attributes、nodeName、nodeType、nodeValue、document.getElementsByName()、document.getElementsByTagName()、innerHTML、innerText

<!DOCTYPE html>

<title>BOM基础</title>

<style>

</style>

</head>

<div name = "name">Div标签</div>

var txt = document.getElementById("txt1ID");

var atts = txt.attributes;

for(var i=0;i<atts.length;i++){

alert("txt.attributes" + atts[i].nodeName + "+" + atts[i].nodeType + "+" + atts[i].nodeValue);

}

alert("getElementsByName" + document.getElementsByName("name").length);

for(var i=0;i<document.getElementsByName("name").length;i++){

// 有教学视频中称通过下面的方法拿不到表单之外的对象，实际操作时发现是可以的。

var varr = document.getElementsByName("name")[i];

alert(varr + "+" + varr.nodeName + "+" + varr.nodeType + "+" + varr.nodeValue);

}

alert("getElementsByTagName" + document.getElementsByTagName("input").length);

</script>

<h1 id="h1id">天天好心情</h1>

var h1Node = document.getElementsByTagName("h1");

alert("firstChild.nodeValue:" + h1Node[0].firstChild.nodeValue + " +lastChild.nodeValue:" + h1Node[0].lastChild.nodeValue + " innerHTML:" + h1Node[0].innerHTML + " innerText:"+h1Node[0].innerText);

</script>

</body>

</html>

0 0