返回到：DOM 对象：HTML DOM Document 对象
定义与用法
scripts 集合返回文档中所有 <script> 元素的集合。
注意: 元素在集合中的排序是它们在源代码中的顺序。
浏览器支持：
主流浏览器都支持。
语法
document.scripts属性
| 属性 | 描述 |
|---|---|
| length | 返回集合中 <script> 元素的个数。 提示: 这是一个只读属性。 |
方法
| 方法 | 描述 |
|---|---|
| [index] | 返回集合中指定索引（从 0 开始）的 <script> 元素。 注意: 如果索引值超出范围返回 null。 |
| item(index) | 返回集合中指定索引（从 0 开始）的 <script> 元素。 注意: 如果索引值超出范围返回 null。 |
| namedItem(id) | 回集合中指定 id 的 <script> 元素。 注意: 如果 id 不存在返回 null。 |
技术细节
| DOM 版本: | Core Level 3 Document Object |
|---|---|
| 返回值: | 一个 HTMLCollection 对象, 表示文档中所有的 <script> 元素。集合中元素的排序是根据源码中的顺序排列的。 |
实例
查看文档中有多少个 <script> 元素：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<script>
document.write("Hello web176!");
</script>
<p>点击按钮查看文档中有多少个 script 元素。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.scripts.length;
document.getElementById("demo").innerHTML = "找到 " + x + " 个 script 元素。";
}
</script>
</body>
</html>[index]
获取文档中第一个（索引为 0） <script> 元素的内容：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<script>
document.write("Hello web176!");
</script>
<p>点击按钮获取文档中第一个（索引为 0） script 元素的内容。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.scripts[0].text;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>item(index)
获取文档中第一个（索引为 0） <script> 元素的内容：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<script>
document.write("Hello Web176!");
</script>
<p>点击按钮获取文档中第一个（索引为 0） script 元素的内容。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.scripts.item(0).text;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>namedItem(id)
获取 id=”web176″ 的 <script> 元素的内容：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<script>
document.write("Hello Web176!");
</script>
<p>点击按钮获取 id="runoob" 的 script 元素内容。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script id="runoob">
function myFunction() {
var x = document.scripts.namedItem("Web176").text;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>遍历文档中所有的 <script> 元素，并输出每个 <script> 元素的 id：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<script id="web1761">
document.write("Hello web176!");
</script>
<p>点击按钮遍历文档中所有的 script 元素，并输出每个 script 元素的 id：。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script id="web1762">
function myFunction() {
var x = document.scripts;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
txt = txt + x[i].id + "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/domtips/4680.html
支付宝 
微信 