HTML DOM Script 对象

三种方式:

1、document.getElementById("demo");

2、document.getElementsByName("name");

作用:按元素的名称查找,返回一个同名元素的数组
语法: document.getElementsByName(name)
参数:name :必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序

注意:返回数组值为value属性的值,如果某标签无value属性,当你添加上value属性并赋值后,getElementsByName也能取到其值,当未对value属性赋值时,  getElementsByName返回数组值将是undefined ,但仍能获得相同name标签的个数document.getElementsByName(name).length
当未设置name属性时document.getElementsByName仍能使用,它将根据你id取得value属性的值

示例:

document.getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;

3、document.getElementsByTagName("tagname")
作用:按HTML标签名查询,返回一个相同标签元素的数组
语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数:tagname:必选项为字符串(String),根据HTML标签检索。
返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序

示例:

document.getElementsByTagName("p")[0].childNodes[0].nodeValue;  
document.getElementsByTagName("p")[1].childNodes[0].nodeValue;

较完整的示例

<!DOCTYPE html>
<html>
<body>
<h3>演示如何访问 SCRIPT 元素</h3>
<script id="myScript" src="/demo/demo_script_src.js"></script>
<p>点击按钮来获得外部脚本文件的 URL。</p>
<p id="demo"></p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var x = document.getElementById("myScript").src;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>