从动态添加的脚本标记中获取内部 HTML
Get innerHTML from dynamically added script tag
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" id="embeddedScript">
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("id", "scriptData");
script.src = "DynamicText.jsp";
script.onload = function() {
alert(x);
alert(document.getElementById("scriptData"));
alert(document.getElementById("scriptData").innerHTML);
alert(document.getElementById("embeddedScript").innerHTML);
};
document.getElementsByTagName("head")[0].appendChild(script);
</script>
</body>
</html>
动态文本.jsp
x="Hello World!"
第一个警报给出Hello World!
第二个警报给出[Object HTMLScriptElement]
我预计第三个警报会给出 x="Hello World!"
但它显示一个空值。
但是对于第四个警报,我可以看到脚本标签内的整个文本,带有 id "embeddedScript"
原因?
您创建的 js 脚本标记scriptData
其标记之间没有内容。它只是链接到要执行的 js 资源。它会看起来像这样
<script type="text/javascript" id="scriptData" src="DynamicText.jsp"></script>
相关文章:
- 能够获取元素长度,但不能获取内部 HTML
- 如何使用JS抓取页面以获取内部链接?它也必须递归地完成
- 如何获取内部动态加载图像的元素的高度
- 使用javascript获取内部HTML元素
- 如何在普通 JavaScript 中获取内部子节点的最外层父节点
- 获取内部范围的文本
- 使用 JavaScript 获取内部 HTML 文本时出现问题
- 获取内部 HTML 如已更改
- 如何根据属性 ID 获取内部 html
- 获取内部文本并将其拆分.使用innerHTML和split的Javascript问题
- 使用 JavaScript 从 XML 文件中获取内部元素
- 从动态添加的脚本标记中获取内部 HTML
- 使用 jQuery 从 Chrome 中的 XML 节点获取内部 XML
- 如何使用jquery2.0获取内部HTML
- 获取内部输入<tr>在tbody中标记
- 从类中获取内部 HTML
- 在laravel 5.1上使用此代码获取内部服务器错误500
- 为jsp中的每个循环获取内部隐藏字段的值
- 从不同的id获取内部HTML
- Drupal:Ajaxpost获取内部服务器错误