初学dom记
HTML DOM 是定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达为树结构，如下图结构。通过对对象名（name)或对象id的获取来去对象进行操作。
通常用的两种方式：1；document.getElementById（“对象id“）；2；document.getElementsByName（”对象name“）
此例是通过DOM方法，获取对象<h1>内数据，通过警告框alert弹出提醒，运行结果（ 数据 ）
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">数据</h1>
</body>
</html>
------------------------------------------------------------------------------------
此例是通过DOM方法，获取按钮，并绑定按钮点击事件，当按钮按下时，运行结果为（ 九九乘法表 ）
<html>
<head></head>
<body>
<input type="button" id="dd" value="乘法表>
<script type="text/javascript">
function abc(){for(var i=9;i>=1;i--)
{
for(var y=9;y>=i;y--)
{
var sun=y+"X"+i+"="+(y*i);
document.write(sun+" ");
};
document.write("<br>")
};
};
var atr=document.getElementsById()
atr.onclick=abc;
</script>
</body>
</html>
-------------------------------------------------------------------------------
通过对象名获取对象
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByName("myInput");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()" value="名为 'myInput' 的元素有多少个？" />
</body>
</html>
浙公网安备 33010602011771号