script 元素的 text 属性用于读取或写入其内部嵌入的 javascript 代码内容，以纯文本字符串的形式返回或赋值。

1、新建一个名为 script_text.html 的 HTML 文件。

2、动态创建一个 <script></script> 标签，设置其 id 为 my_script_id_text，并在该标签内直接编写一段输出特定字符串的 JS 语句（注意：此处为内联脚本，非外部引用）。

3、在页面中插入一个按钮控件，并为其 onclick 事件绑定一个自定义函数，该函数名为 my_script_text。

4、添加一个 <p></p> 标签，将其 id 设置为 show，用于后续显示提取出的脚本内容。

5、在 <script></script> 区域中声明并定义名为 my_script_text 的 JavaScript 函数。

6、在该函数内部，通过 document.getElementById() 获取 ID 为 my_script_id_text 的 script 元素，调用其 text 属性获取内部脚本文本，并将该字符串赋值给 id="show" 的 <p></p> 元素的 innerText（或 textContent）属性，实现内容展示。

7、效果示意

8、使用浏览器打开 script_text.html 文件，点击按钮即可看到 script 标签内原始代码文本被成功读取并显示出来。

9、首先创建 script 对象节点
10、为其指定唯一的 id 属性值
11、向该 script 节点中注入待提取的 JavaScript 代码内容
12、通过 DOM 方法获取该 script 元素的引用实例
13、利用 text 属性获取其中的源码字符串