HTML DOM Script 对象
HTML DOM Script 对象
简介
DOM Script 对象是 JavaScript 中的一个核心对象,它表示 HTML 页面中的一个脚本。通过 Script 对象,可以访问和修改页面中的元素、属性、样式等。
语法
可以使用以下语法来获取 Script 对象:
var script = document.getElementById('script-id');
其中,script-id
是要获取 Script 对象的 script 元素的 id。
属性
Script 对象的常用属性包括:
text
:获取或设置 script 元素的内部文本。src
:获取或设置 script 元素的 src 属性的值。type
:获取或设置 script 元素的 type 属性的值。
方法
Script 对象的常用方法包括:
appendChild(node)
:将指定的节点追加到 script 元素的末尾。removeChild(node)
:从 script 元素中移除指定的子节点。hasAttribute(name)
:判断 script 元素是否包含指定名称的属性。getAttribute(name)
:获取指定名称的属性的值。setAttribute(name, value)
:设置指定名称的属性的值。
示例
以下是一个例子,通过 Script 对象获取和修改页面中的元素:
<!DOCTYPE html>
<html>
<head>
<title>DOM Script 示例</title>
<script type="text/javascript">
function modifyElement() {
// 获取 Script 对象
var script = document.getElementById('script-id');
if (script) {
// 获取要修改的元素
var element = document.getElementById('element-id');
if (element) {
// 修改元素文本
element.innerHTML = '修改后的文本';
}
}
}
</script>
</head>
<body>
<p id="element-id">原始文本</p>
<script id="script-id">
modifyElement();
</script>
</body>
</html>
在上面的例子中,首先通过 document.getElementById
方法获取 Script 对象,然后在 Script 对象中调用 modifyElement
函数,该函数会获取页面中的元素,并修改元素的文本。最后,在 script 元素的末尾追加调用函数的代码。