您的位置:58编程 > html dom 对象 HTML DOM Script 对象

html dom 对象 HTML DOM Script 对象

2023-03-18 22:33

html dom 对象 HTML DOM Script 对象

html dom 对象

HTML DOM 对象是一种用于操作 HTML 文档的标准对象模型。它定义了 HTML 文档的结构,以及如何访问和修改文档中的元素。

HTML DOM 对象是一个树形结构,由 HTML 元素、文本和属性组成。它们都是对象,并且可以使用 JavaScript 进行访问和修改。

// 例如:
document.getElementById("myP").innerHTML = "Hello World!";  // 修改 id 为 myP 的元素内容为 Hello World!

HTML DOM 对象还可以用来创建新的 HTML 元素,并将其添加到文档中。例如:

// 例如:
var para = document.createElement("p");   // 创建一个 p 元素 
var node = document.createTextNode("This is new.");   // 创建一个文本节点 
para.appendChild(node);    // 把文本节点添加到 p 元素中 
var element = document.getElementById("div1");   // 获取 id 为 div1 的元素 
element.appendChild(para);    // 把 p 元素添加到 div1 元素中  

HTML DOM Script 对象

HTML DOM Script 对象


Script 对象

Script 对象表示一个 HTML <script> 元素。

访问 Script 对象

您可以使用 getElementById() 来访问 <script> 元素:

var x = document.getElementById("myScript");尝试一下

创建 Script 对象

您可以使用 document.createElement() 方法来创建 <script> 元素:

var x = document.createElement("SCRIPT");尝试一下

Script 对象属性

属性 描述
async 设置或返回是否异步执行脚本(一旦脚本可用)。
charset 设置或返回脚本的 charset 属性的值。
defer 设置或返回是否在页面完成解析时执行脚本。
src 设置或返回脚本的 src 属性的值。
text 设置或返回脚本的所有子文本节点的内容。
type 设置或返回脚本的 type 属性的值。

标准属性和事件

Script 对象同样支持标准 属性 和 事件。


相关文章

HTML 参考手册:HTML <script> 标签

阅读全文
以上是58编程为你收集整理的html dom 对象 HTML DOM Script 对象全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS